combobox 绑定数据以及设定默认值

<input id="factory" name="factory" style="width:80%;">

$('#factory').combobox({
                url: '../XXXX/XXXXX',
                valueField: 'text',
                textField: 'text',
                editable:false,  //设定选中后不可修改 选中的内容
                panelWidth: '130px'
            });

 加载时绑定数据
URL返回的实体类的集合
public JsonResult getAllSpecInfo()
        {
            List<ttt> list = db.ExecuteComboboxItem("table", "column1", "column2"); 
if (list.Count > 1)
            {
                var item = list.First(a=>a.id==1);//设定id=1 的为默认选中
                item.selected = true;
            }
            return Json(list);
        }
public static List<ttt> ExecuteComboboxItem(this DBHelper db, string TableName, string ColumnName, string ColumnValue1)
        {
            //設定查詢指令
            string SqlCmd = string.Format("select distinct {0},{2} from {1}", ColumnName, TableName, ColumnValue1);
            //取得查詢結果
            DataTable tb = db.ExecuteDataTable(SqlCmd);
            //將查詢結果轉入Combobox格式物件
            List<ComboboxFtX> ls = new List<ComboboxFtX>();
            ls.Add(new ComboboxFtX("", ""));//第一筆強制設為空字串
            int i = 1;
            foreach (DataRow dr in tb.Rows)
            {
                ls.Add(new ComboboxFtX(dr[1].ToString(), dr[0].ToString()));
                i++;
            }
            return ls; }
       实体类
    public class ComboboxM
    {
        public ComboboxFtX(string _id,string _text,bool _selected=false)
        {
            id = _id;
            text = _text;
            selected = _selected;
        }

        public string id { get; set; }
        public string text { get; set; }
        public bool selected { get; set; }
    }

取得combobox的值 
$("#queryType").combobox('getValue')
设定combobox的值
$("#queryType").combobox('setValue',’’)
另外一种JS设定默认值的代码
$('#orderType').combobox('select', 'XX');  XX是选中框的值 

 

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读