easyui 动态添加下拉框

easyui 动态添加下拉框,第1张

做好下拉框的样式以及基本的属性,调用loadData()方法,往里面写值就行了啊。

$('#cc').combobox({

valueField:'id',

textField:'text'

})

var data = "[{id:'1', value:'1'},{id:'2', value:'2'}]"

// 1和2用逗号分隔

$('#cc').combobox("loadData", data)

可以,但是数据必须是JSON对象,并且符合以下格式:

{"total":总记录数,"rows":数据行数组}

例如:

{"total":300,"rows":[{"id":1,"name":"张三"},{"id":2,"name":"李四"}]}

这个JSON数据对象可以是你在页面上自己拼凑出来的,也可以是通过AJAX请求从服务器端响应来的等等,从哪里来的无所谓,只要符合以上格式就行,然后通过DataGrid组件的loadData方法加载,如下(假设data变量值是上面举例的那个数据对象):

$("#demoDataGrid").datagrid("loadData",data)

将包放在项目文件之下之后。

以下是html中的代码:

<table id="dg" style="width:100%height:95%" data-options="

rownumbers:false,

singleSelect:true,

autoRowHeight:false,

pagination:true,

resizeHandle:'right'">

<thead>

<tr>

</tr>

</thead>

</table>

以下是js代码,是easyui的一种内置写法.

$('#dg').datagrid({

url:'datagrid_data.json',

columns:[[

{field:'id',title:'公司自编码',width:100},

{field:'name',title:'公司名称',width:100},

{field:'coding',title:'编码',width:100},

]]

})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11333125.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-15
下一篇 2023-05-15

发表评论

登录后才能评论

评论列表(0条)

保存