绑定Ligerui中的ligerComboBox二级联动

 $.ajax({
                url: "HRHandler.ashx",
                data: "bz=getDepartData",
                cache: false,
                type: "post",
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                success: function (data) {
                    if (data != null) {
                        //生成类型 下拉必须是jason字符串
                        var selectdata = eval(data);
                        t34.setData(selectdata);

                        //for (var i = 0; i < selectdata.length; i++) {
                        //    $("#TextBox34").append("<option value=‘" + selectdata[i].id + "‘>" + selectdata[i].text + "</option>");
                        //}
                    }
                },
                error: function () {
                    f_alert(‘fail‘, ‘error‘)
                }
            });
            //当选择部门的时候加载二级班组,构成联动
            $("#TextBox34").change(function() {
                var departId = "";
                $("#TextBox34").ligerComboBox({ width: boxwidth ,
                    onSelected: function (newvalue)
                    {
                        departId = newvalue;

                        $.ajax({
                            url: "HRHandler.ashx",
                            data: "bz=getGroupData&departId=" + departId,
                            cache: false,
                            type: "post",
                            contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                            success: function (data) {
                                var a = "[ {‘id‘:‘ ‘,‘text‘:‘ ‘}]";
                                t35.setData(eval(a));

                                var selectdata = eval(data);
                                t35.setData(selectdata);
                            },
                            error: function () {
                            }
                        })
                    }
                });
            });
     //联动加载部门数据到dropdownlist
            case "getDepartData":
                DataTable dt = EDU.DBUtility.DbHelperSQL.GetDataTable("select departed_I,departName_N from DepartmentEng");
                //StringBuilder st = new StringBuilder();
                //foreach (DataRow dr in dt.Rows)
                //{
                //    st.Append("<option value=\"" + dr["departed_I"].ToString() + "\">" + dr["departName_N"].ToString() + "</option>\n");
                //}

               string griddata = EDU.COMMON.PublicMethod.GetSelectJson(dt);
               griddata = griddata.Replace("departName_N", "text");
               griddata = griddata.Replace("departed_I", "id");

               context.Response.Write(griddata);
                break;

            //联动加载部门下的班组数据到dropdownlist
            case "getGroupData":
                DataTable dtGroup = EDU.DBUtility.DbHelperSQL.GetDataTable("select G.group_I,G.groupName_N from [GroupsEng] G left join [DepartmentEng] D on G.departid_I=D.departed_I where D.departed_I=" + context.Request.Params["departId"]);
                //StringBuilder stGroup = new StringBuilder();
                //foreach (DataRow dr in dtGroup.Rows)
                //{
                //    stGroup.Append("<option value=\"" + dr["group_I"].ToString() + "\">" + dr["groupName_N"].ToString() + "</option>\n");
                //}
                //context.Response.Write(stGroup.ToString());

                string griddataG = EDU.COMMON.PublicMethod.GetSelectJson(dtGroup);
                griddataG = griddataG.Replace("groupName_N", "text");
                griddataG = griddataG.Replace("group_I", "id");

                context.Response.Write(griddataG);
                break;
时间: 2024-12-23 15:37:29

绑定Ligerui中的ligerComboBox二级联动的相关文章

Spring MVC中Ajax实现二级联动

今天写项目遇到了二级联动,期间遇到点问题,写个博客记录一下. 后台Controller: @RequestMapping("/faultType") @ResponseBody public Map<String,Object> faultType(int id,HttpServletRequest request)throws IOException { String ReturnMessage = ""; //获取所有子类故障类型 List<F

FormView控件的InsertItemTemplate中3个DropDownList联动及绑定问题

在InsertItemTemplate中DropDownList联动和绑定不能同时实现,需要去掉SelectedValue='<%# Bind("CompanyID") %>即可实现联动,另外SqlDataSource应该放在InsertItemTemplate中. <%@ Page Title="" Language="VB" MasterPageFile="~/Manage/Site.master" Au

JS中的二级联动的注意事项

今天做了一个二级联动的下拉选择框(select)做这个二级联动的时候遇到了一个问题,就是二级菜单的内容越来越多,选择一次一级菜单就会产生一次二级菜单的内容,而且是越来越多.通过思路和代码的双重排查后发现问题出现的原因:更改一级菜单时就必须把二级菜单清空,否则也会出现我这样的问题! 特别要注意一点:转换一级选项时,要清空先前创建的二级选项,否则选项会越来越多 代码如下: <!DOCTYPE html><html lang="en"><head> <

Dwz下拉菜单的二级联动

在DWZ文档中对组合框combox的是这样描述的: 在传统的select 用class 定义:class=”combox”, html 扩展:保留原有属性name,  增加了属性:ref. ref 属性则是为了做级联定义的,ref所指向的则是当前combox值改变成引起联动的下一级combox,ref用下一级combox的id属性来赋值.注意:一般combox没必要设置id属性,只要级联时需要设置子级id等于父级ref,不同navTab和dialog中combox组件id必须唯一 以下是DWZ框

jq实现简单的二级联动下拉框

1 效果图 2 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati

ajax实现二级联动

用js实现简单的ajax二级联动(如上图) HTML代码: 1 省份:<select id="province" onchange="getCity();" > 2 <option>请选择--</option> 3 </select> 4 城市:<select id="city"> 5 <option>请选择--</option> 6 </select>

二级联动列表

<!DOCTYPE HTML><html><head><title>二级联动列表</title><meta charset="utf-8" /><style> .hide{ display: none; }</style><script> /*实现“省”和“市”的级联下拉列表*/ var cities=[[], /*0号下标没有元素*/[{"name":'东城

(实用篇)jQuery+PHP+MySQL实现二级联动下拉菜单

二级联动下拉菜单选择应用在在很多地方,比如说省市下拉联动,商品大小类下拉选择联动.本文将通过实例讲解使用jQuery+PHP+MySQL来实现大小分类二级下拉联动效果. 先看下效果 大类:  前端技术   程序开发   数据库   小类: 实现的效果就是当选择大类时,小类下拉框里的选项内容也随着改变.实现原理:根据大类的值,通过jQuery把值传给后台PHP处理,PHP通过查询MySQl数据库,得到相应的小类,并返回JSON数据给前端处理. XHTML 首先我们要建立两个下拉选择框,第一个是大类

JavaScript省市二级联动

cities.xml <?xml version="1.0" encoding="GB2312"?> <china> <province name="吉林省"> <city>长春</city> <city>吉林市</city> <city>四平</city> <city>松原</city> <city>通