首页 > 其他 > 详细

juqery easy ui 实现二级菜单联动

时间:2014-02-13 19:49:09      阅读:794      评论:0      收藏:0      [点我收藏+]

实现效果

bubuko.com,布布扣

代码:

bubuko.com,布布扣
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">
    <script type="text/javascript">
        $(document).ready(function () {
            //保存附件(新增/修改)
            $("#btnSave").click(function () {
                $("#BackReason").attr("value", $(#SecBackReason).combogrid("getValue"));
                $("#DetailReason").attr("value", $(#SecDetailReason).combogrid("getValue"));
                $("#form1").attr("action", "ClientInterCourseAdd");
                $("#form1").submit();

                // 如果是协同则还要发送邮件
                if ($(#interType).combogrid("getValue") == "11") {


                    var to = $("#interTypeMail").val();
                    var body = $(#SecBackReason).combogrid("getText");
                    $.ajax({
                        type: "POST",
                        url: "/Mail/MailAdd?level=1&spType=1&drpMailTo=" + to,
                        data: "To=" + to + "&Subject="+body+"&Body=" + body,
                        success: function (msg) {
                            alert("Data Saved: " + msg);
                        }
                    });
                }


            });


            // 显示二级菜单
            $(#interType).combobox({
                onChange: function (newValue, oldValue) {

                    // 专家咨询
                    if (newValue == "3") {
                        var id = $(#ID).val();
                        var url = "/Client/AddExpertConsult?interCourseID=" + id;
                        ws.base.showDialog({ url: url, width: "700px", height: "450px" });
                    }
                    else {
                        $(#SecBackReason).combobox({
                            url: /Client/GetCodeListByType1?type=Package&id= + newValue,
                            valueField: DetailCode,
                            textField: DetailName
                        });
                    }

                }
            });
            // 显示三级菜单
            $(#SecBackReason).combobox({
                onChange: function (newValue, oldValue) {
                    $(#SecDetailReason).combobox({
                        url: /Client/GetCodeListByType2?type=Commissioner&id= + newValue,
                        valueField: DetailCode,
                        textField: DetailName
                    });
                }
            });


        });
        
    </script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <form id="form1" runat="server">
    <input type="hidden" id="hfDisease" name="DiseaseArr" />
    <input type="hidden" id="hfProduct" name="ProductArr" />
    <input type="hidden" id="hfMg" name="MGArr" />
    <input type="hidden" id="hfGnc" name="GncArr" />
    <input type="hidden" id="ckbox" />
    <div class="body-wrap">
        <div class="title clearfix">
            <div class="popup">
                <div class="title clearfix" id="tbTop">
                    <div class="f-left">
                        <span class="icon-arrow iblk"></span><span class="iblk text">客户交流记录新增</span></div>
                </div>
                <div class="table" style="width: 100%">
                    <table style="width: 100%">
                        <colgroup>
                            <col width="80" />
                            <col width="170" />
                            <col width="80" />
                            <col width="170" />
                            <col width="80" />
                            <col width="170" />
                        </colgroup>
                        <tbody>
                            <tr>
                                <td class="title" align="right">
                                    交流方法:
                                </td>
                                <td align="left">
                                    <input id="ID2" name="ID2" type="hidden" value="00000000-0000-0000-0000-000000000000" />
                                    <%:Html.HiddenFor(model=>model.ClientID) %>
                                    <%:Html.HiddenFor(model=>model.ID) %>
                                    <%:Html.Hidden("interTypeMail", WS.Base.App.Business.CodeBusiness.GetCode("interTypeMail",
                                                                                "1").DetailName)%>
                                    <%:Html.DropDownList("InterMethod", WS.Base.App.Business.CodeBusiness.GetCode("interMethod",
                                                                                "", true), new { @class = "easyui-combobox", style = "width:150px;", panelHeight = "auto" })%>
                                </td>
                                <td class="title" align="right">
                                    交流时间:
                                </td>
                                <td align="left">
                                    <%:Html.TextBoxFor(model=>model.InterTime)%>
                                </td>
                                <td class="title" align="right">
                                    交流时长:
                                </td>
                                <td align="left">
                                    <%:Html.TextBoxFor(model => model.InterTimeLen)%>
                                </td>
                            </tr>
                            <tr>
                                <td class="title" align="right">
                                    交流类型:
                                </td>
                                <td align="left" colspan="6">
                                    <%:Html.DropDownList("interType", WS.Base.App.Business.CodeBusiness.GetCode("interType",
                                                                                "", true), new { @class = "easyui-combobox", style = "width:150px;", panelHeight = "auto" })%>
                                    <input id="SecBackReason" name="language" style="display: none;" />
                                    <%: Html.HiddenFor(model=>model.BackReason) %>
                                    <input id="SecDetailReason" name="language" style="display: none;" />
                                    <%: Html.HiddenFor(model=>model.DetailReason) %>
                                </td>
                            </tr>
                            <tr>
                                <td class="title" align="right">
                                    备注:
                                </td>
                                <td>
                                    <textarea rows="2" cols="5" id="remark" style="width: 600px;" class="text-box"></textarea>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    <br />
                    <br />
                </div>
            </div>
            <div style="text-align: center; padding-top: 6px">
                <a href="#" class="btn"><span class="in">
                    <input type="button" value="保存" id="btnSave" name="btnSave" /></span></a> <a href="#"
                        class="btn"><span class="in">
                            <input type="button" id="btnClose" style="width: 60px" onclick="window.close();"
                                value="取消" /></span></a>
            </div>
            <div style="height: 22px;">
            </div>
        </div>
    </div>
    </form>
</asp:Content>
bubuko.com,布布扣

juqery easy ui 实现二级菜单联动

原文:http://www.cnblogs.com/honghong75042/p/3547719.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!