当前位置: 首页 > 工具软件 > Combogrid > 使用案例 >

ComboGrid下拉框获取选中项的值

墨雨华
2023-12-01

ComboGrid下拉框获取选中项的值:

//1、初始化控件
$("#UserName").combogrid({
            delay: 500,
            mode: 'remote',
            method: 'get',
            panelWidth: 300,
            idField: 'UserNo',
            textField: 'UserName',
            url: '',
            fitColumns: true,
            columns: [[
                { field: 'UserNo', title: '编号', width: 60 },
                { field: 'UserName', title: '姓名', width: 100 },
            ]],
            onShowPanel: function () {
                var value = $(this).combogrid("getValue");
                var url = "/OA/User/GetQuickUserGrid";
                if (value != "") {
                    url += "?q="+value;
                }
                $(this).combogrid('grid').datagrid('options').url = url;
                $(this).combogrid('grid').datagrid('reload');
            },
            onSelect: function (index, data) {
                if (data != undefined) {
                    $("#UserNo").val(data.UserNo);
                }
            },
            onUnselect: function () {
                $(this).combogrid("clear");
            },
            onChange: function (newValue, oldValue) {
                var value = $(this).combogrid("getValue");
                var url = "/OA/User/GetQuickUserGrid";
                if (value != "") {
                    url += "?q=" + value;
                }
                $(this).combogrid('grid').datagrid('options').url = url;
                $(this).combogrid('grid').datagrid('reload');
            },
            onHidePanel: function () {
                var _options = $(this).combogrid('options');
                var _data = $(this).combogrid("grid").datagrid('getSelections');/* 下拉框所有选项 */
                var _value = $(this).combogrid('getValue');/* 用户输入的值 */
                var _b = false;/* 标识是否在下拉列表中找到了用户输入的字符 */
                for (var i = 0; i < _data.length; i++) {
                    if (_data[i][_options.idField] == _value) {
                        _b = true;
                        break;
                    }
                }
                if (!_b) {
                    $(this).combogrid('setValue', '');
                    $(this).combogrid('setText', '');
                    $("#UserNo").val('');
                    dialogMsg("请从下拉列表选择", 0);
                    return false;
                }
            }
        });

//2、获取值
var grid = $("#UserName").combogrid("grid");
var rowdata = grid.datagrid('getSelected');//得到选中行数据
var name=rowdata.UserName;
var dept=rowdata.DepartmentName;
 类似资料: