EasyUI--datagrid中编辑器(editor)的类型为combobox的值得绑定

小咪咪 2022-01-16 16:35 847阅读 0赞

[2019独角兽企业重金招聘Python工程师标准>>> ][2019_Python_] ![hot3.png][]

1.绑定固定的值

$(function () { 
 /**管道级别*/ 
 var pipingLevel = [{"value":"1","text":"A级"},{"value":"2","text":"B级"},{"value":"3","text":"C级"}];//json格式 
 function levelformmat(value){ 
 if(value==0){ 
 return ; 
 } 
 for(var i =0;i<pipingLevel.length;i++){ 
 if(pipingLevel[i].value==value){ 
 return pipingLevel[i].text; 
 } 
 } 
 } 
 $("#datagrid").datagrid({ 
 singleSelect: true, 
 fitColumns: false, 
 border: false, 
 columns: [[ 
 {field: 'number', title: '编号', width: 66, editor: "text"}, 
 {field: 'pipingNo', title: '管道编号', width: 90, editor: "text"}, 
 {field: 'pipingName', title: '管道名称(登记单元)', width: 170, editor: "text"}, 
 {field: 'pipingLevel', title: '管道级别', width: 100, editor:{ 
 type: 'combobox', 
 options: { 
 data: pipingLevel, 
 valueField: "value", 
 textField: "text", 
 editable: false, 
 panelHeight:70, 
 required: true 
 } 
 }}, 
 ]], 
 
 });

![06151116\_ytyv.jpg][06151116_ytyv.jpg]

2.从远程获取数据，然后绑定到combobox中

columns: [[ 
 {field: 'number', title: '编号', width: 100, editor:'text'}, 
 {field: 'pipingNo', title: '管道编号', width: 100, editor: "text"}, 
 {field: 'pipingName', title: '管道名称(登记单元)', width: 300, editor: "text"}, 
 {field: 'DesignUnit', title: '设计单位', width: 300,editor:{ 
 type:'combobox', 
 options:{ 
 url: 'pressurePipingUnit/unit2', //重远程加载数据 
 panelHeight: '200', 
 valueField:'unitId', //保存到数据库的值 
 textField:'unitName', //绑定到下拉列表框中显示的值 
 } 
 }}, 
 ]],

转载于:https://my.oschina.net/u/2331760/blog/819965

[2019_Python_]: https://my.oschina.net/u/2663968/blog/3061697
[hot3.png]: /images/20220114/cda8da15680445cdad43994a51c10b4b.png
[06151116_ytyv.jpg]: https://static.oschina.net/uploads/img/201701/06151116_ytyv.jpg