市委组织部项目--下拉框简单操作

   在做市委组织部考核项目时，应用最多的就是下拉框和表格，在这里就简单介绍一下下拉框的使用，根据下拉框的选择，下拉框的加载数据，下拉框的默认值等！

部分图片显示：

下拉框初始化加载：


方法一：后台方法（使用asp.net控件，应用easyui的样式，加载下拉框的内容）

<span style="font-family:KaiTi_GB2312;font-size:24px;">        <div  class="fitem">
                <label>所属菜单:</label>          
                <asp:DropDownList ID="other1" runat="server" class="easyui-validatebox" required="true" Width="131px"></asp:DropDownList>
         </div>
</span>

<span style="font-family:KaiTi_GB2312;font-size:24px;">
 protected void Page_Load(object sender, EventArgs e)
        {          
            //绑定菜单
            DataBindMenu();
         }
        public void DataBindMenu()
        {
            try
            {
                //加载所有的菜单
                MenuBLL menuBLL = new MenuBLL();
                MenuEntity enMenu = new MenuEntity();
                DataTable dt = new DataTable();
               
                string strLike = "";
                //查询菜单
                dt = menuBLL.Query(strLike);               
                other1.DataSource = dt;
                other1.DataTextField = dt.Columns["MenuName"].ToString();
                other1.DataValueField = dt.Columns["Id"].ToString();
                other1.DataBind();

            }
            catch (Exception ex)
            {
                //MessageBox.Show(this, ex.Message);
            }

        }
</span>

方法二：一般处理程序（easyui控件加载下拉框内容）

<span style="font-family:KaiTi_GB2312;font-size:24px;"><input id="RoleName" class="easyui-combobox" editable="false" data-options="
        panelHeight: 'auto',
        valueField: 'id',
        textField: 'rolename',
        url: 'AdmRoleWindowsRelative.ashx?test=GetRole',
        onSelect: function(rec){ //根据选择的角色查询表格中的内容
              $('#Table1').datagrid('reload',{RoleID: $('#RoleName').combobox('getValue')});
        }
            " />
</span>

<span style="font-family:KaiTi_GB2312;font-size:24px;"> public void ProcessRequest(HttpContext context)
       {
			string command = context.Request.QueryString["test"];//前台传的标示值
            if (command == "GetRole")
            {
                //调用获得角色的方法
                GetRole(context);
            }
		}
                  /// <summary>
        /// 获取角色名称
        /// </summary>
        /// <param name="context"></param>
        /// <returns></returns>
        public void GetRole(HttpContext context) {
            //绑定角色
            RoleBLL roleBll = new RoleBLL();
            RoleEntity enRole = new RoleEntity();
            DataSet ds = new DataSet();
            enRole.State = "可用";
            ds = roleBll.QueryRole(enRole);
            string strJson = Dataset2JsonCom(ds,-1);
            //返回给界面
            context.Response.Write(strJson);
            context.Response.End();
       }
</span>

默认值:easyui控件下拉框加载后选中默认值

<span style="font-family:KaiTi_GB2312;font-size:24px;">	<div runat="server" >
	    <span>指标类型：</span>  
	        <input id="Type" class="easyui-combobox" editable="false"  data-options=" 
	            panelHeight: 'auto',  
	            valueField: 'id',  
	            textField: 'name',                  
	            url: 'SetCityQuantifyTarget.ashx?test=GetType',   
	        onSelect: function(rec){   //选择类型后根据参数查询表格内容             
	            $('#dg').datagrid('reload',{id: $('#Type').combobox('getValue')});   
	        },
	        onLoadSuccess: function () { //加载完成后,设置选中项
	            $('#Type').combobox('setText','全部');
	        }" />  
	         <input type="hidden",id="id"/>                  
	    <p></p>
  </div>
	</span>

总结：

    以上只是一些简单的操作，我想说的是，对于easyui来说，因为它将许多操作都给我们封装好了，许多控件可能和我们之前的应用不同，要求的格式也不同（例如：下拉框的默认值原本很简单，但是如果想给easyui的下拉框设置默认值，我们就需要使用一些方法等），这就需要我们去了解easyui（帮助文档）了解它的机制。

    而且对于一个新的知识，我们要了解它，学习它，吸收它，在这个过程中正是考验我们的学习能力的时候，要培养我们的也是学习能力，对于新知识的学习，我们如何高效的入手以致掌握，所以我们再对待新的问题的时候要以学习的心态去对待，而不是逃避，锻炼我们接受新知识的能力！