在做市委组织部考核项目时,应用最多的就是下拉框和表格,在这里就简单介绍一下下拉框的使用,根据下拉框的选择,下拉框的加载数据,下拉框的默认值等!
部分图片显示:
下拉框初始化加载:
方法一:后台方法(使用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(帮助文档)了解它的机制。
而且对于一个新的知识,我们要了解它,学习它,吸收它,在这个过程中正是考验我们的学习能力的时候,要培养我们的也是学习能力,对于新知识的学习,我们如何高效的入手以致掌握,所以我们再对待新的问题的时候要以学习的心态去对待,而不是逃避,锻炼我们接受新知识的能力!