combobox用法

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

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

 

$('#factory').combobox({

                url: '../SpeedCountBYS/getFactory',

                valueField: 'text',

                textField: 'text',

                editable:false,  //设定选中后不可修改 选中的内容

                panelWidth: '130px'

            });

 

 加载时绑定数据

URL返回的实体类的集合

public JsonResult getAllSpecInfo()

        {

            List<ComboboxFtX> 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<ComboboxFtX> 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是选中框的值