«

easyui下拉列表代码块

发布于 阅读:165 HTML


easyui加载表格:
$('#dg').datagrid({
    url: 'datagrid_data1.json',
    method: 'get',
    title: 'Context Menu on DataGrid',
    iconCls: 'icon-save',
    width: 700,
    height: 250,
    fitColumns: true,
    singleSelect: true,
    columns:[[
        {field:'itemid',title:'Item ID',width:80},
        {field:'productid',title:'Product ID',width:120},
        {field:'listprice',title:'List Price',width:80,align:'right'},
        {field:'unitcost',title:'Unit Cost',width:80,align:'right'},
        {field:'attr1',title:'Attribute',width:250},
        {field:'status',title:'Status',width:60,align:'center'}
    ]],
    onHeaderContextMenu: function(e, field){
        e.preventDefault();
        if (!cmenu){
            createColumnMenu();
        }
        cmenu.menu('show', {
            left:e.pageX,
            top:e.pageY
        });
    }
});
easyui加载下拉表格
$.ajax({
    type : "post",
    url : 'getAllServer.action',
    data :  {},
    dataType : "json",
    success : function(data) {
        var obj = JSON.parse(data);
        var value = "";
         $('#serverid').combogrid({
                panelWidth:450,
                //value:'006',
                idField:'id',
                textField:'name',
                data:obj,
                //url:'datagrid_data.json',
                columns:[[
                {field:'id',title:'id',width:60},
                {field:'name',title:'别名',width:100},
                ]]
                });

    },
    error : function() {
        alert("系统异常,请稍后重试!");
    }
});
$('#serverid').combogrid({  
  onChange: function (newValue, oldValue) {  
      $.ajax({
            url : "upserverId.action?serverId="+newValue, // 后台地址
            type : "post",
            dataType : "json",
            data : {}, //自己需要传递的数据 {}
            success : function(data) {
                var obj = JSON.parse(data);
                //parent.$("#doortxt").html(obj.name)
                alert(obj.info)
                parent.dg.cancel();
            },
            error : function() {

            }
        }); 
  }  
}); 

HTML easyui