easyui datagrid combobox 怎么设置默认值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了easyui datagrid combobox 怎么设置默认值相关的知识,希望对你有一定的参考价值。

参考技术A //貌似刚刚回答过这个问题……
$("#com").combobox(
url: 'someUrl',
valueField: "id",
textField: "text",
editable: false,
//添加 加载完成事件:
onLoadSuccess:function()
$(this).combobox('setValue',0)
$(this).combobox('setText','--请选择--')
/*或者默认选中combobox jason数据的一个元素*/
var data=$(this).combobox('getData');
$(this).combobox('setValue',json[0].id)
/*再或者:一般情况 我会给该事件添加一个参数r 然后
$(this).combobox('setValue',r[0].id)
但是api里面onLoadSuccess事件中没这个参数 但是也能实现这个功能
*/

);本回答被提问者和网友采纳
参考技术B function initCombobox()
$("#页面combobox ID").combobox(
url: "路径",
queryParams:
XXX: "XXX"
,
type: "post",
valueField: "id",
textField: "name",
onLoadSuccess:function(data)
if (data.length > 0)
$(this).combobox("setValue", data[0].code);

,
);
参考技术C data-options里面加个value:'值'应该可以吧...

EasyUi datagrid(onClickCell:用户单击一个单元格时触发 ) 單擊編輯 editor:{type: 'combobox'}

1.columns列[一個單元格] 添加combobox下拉選項

 $("#userGrid").datagrid({

singleSelect: true,
            onClickCell: function (index, field, value) {
                //Field = field;
                //                var rows = $(‘#‘ + UserGrid).datagrid(‘getRows‘); //获得所有行
                //                var row = rows[index]; //根据index获得其中一行。
                //                WorkidValue = row.Workid;


                debugger
                if (client.endEditing()) {    //endEditing:自定義方法
                    $(‘#‘ + UserGrid).datagrid(‘selectRow‘, index)
                        .datagrid(‘editCell‘, { index: index, field: field });   //editCell:自定義方法
                    editIndex = index;  //editIndex:全局變量
                }
            },

columns: [[ {
                field: ‘Name‘,
                title: ‘排班出勤‘,
                width: 80,
                align: ‘center‘,
                editor: {type: ‘combobox‘,options: {}}
                sortable: true
                //hidden:hidden
            }]]

});

 

 endEditing: function () {
        if (editIndex == undefined) { return true }
        if ($(‘#‘ + UserGrid).datagrid(‘validateRow‘, editIndex)) {
            $(‘#‘ + UserGrid).datagrid(‘endEdit‘, editIndex);
            editIndex = undefined;
            return true;
        }
        else {
            return false;
        }
    },

 

 //userGrid單行編輯點擊事件
    $.extend($.fn.datagrid.methods, {
        editCell: function (jq, param) {
            return jq.each(function () {
                var opts = $(this).datagrid(‘options‘);
                var fields = $(this).datagrid(‘getColumnFields‘, true).concat($(this).datagrid(‘getColumnFields‘));
                for (var i = 0; i < fields.length; i++) {
                    var col = $(this).datagrid(‘getColumnOption‘, fields[i]);
                    col.editor1 = col.editor;
                    if (fields[i] != param.field) {
                        col.editor = null;
                    }
                }
                $(this).datagrid(‘beginEdit‘, param.index);
                for (var i = 0; i < fields.length; i++) {
                    var col = $(this).datagrid(‘getColumnOption‘, fields[i]);
                    col.editor = col.editor1;
                }
            });
        }
    });

 

以上是关于easyui datagrid combobox 怎么设置默认值的主要内容,如果未能解决你的问题,请参考以下文章

劳驾问下,easyui datagrid combobox 值改变事件怎么写的?

easyui datagrid combobox 里面获取焦点事件怎么写

EasyUI可编辑datagrid用combobox实现多级联动

Easyui Datagrid 的Combobox 如何动态修改下拉选项,以及值的转换

easyui问题,怎样获取datagrid中编辑列combobox的value值与text值

EasyUi datagrid(onClickCell:用户单击一个单元格时触发 ) 單擊編輯 editor:{type: 'combobox'}