天天看點

jquery easyui combogrid 擷取本地資料并設預設值

HTML内容

<body>
  <input id="s" />
   </body>
           

JS内容

<script type="text/javascript">
	$(function(){
		$('#s').combogrid({    
			panelWidth:160,   
			//value:'1', 此處可以設定預設值,對應idField屬性列的值
			idField:'code',
			textField:'name',
			onLoadSuccess:function(old){
				//console.log(old);   //old為資料對象格式為:{total:2,rows:Array[2]}
				$("#s").combogrid('setValue',old.rows[0].name);//設定文本框的預設值為第一條,下标從0開始
			},
			columns:[[        
	                  {field:'code',title:'Code',width:60},        
	                  {field:'name',title:'Name',width:100}        
	                  ]]});
                //combogrid加載本地資料,要調用datagrid的loadData方法,注意第二個參數格式
		$("#s").combogrid("grid").datagrid("loadData", [{code:1,name:"name1"},{code:2,name:"name2"}]);
	});
	</script>
           
jquery easyui combogrid 擷取本地資料并設預設值

console控制台輸出

jquery easyui combogrid 擷取本地資料并設預設值

繼續閱讀