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是選中框的值