17168ERP/web/admin/user/group_reg.aspx

<%@ Page Title="後端管理" Language="C#" MasterPageFile="~/admin/Templates/TBS5ADM001/MasterPage.master" AutoEventWireup="true" CodeFile="group_reg.aspx.cs" Inherits="admin_user_group_reg" %>
<%@ Register Src="~/admin/_uc/alert.ascx" TagPrefix="uc1" TagName="alert" %>
<asp:Content ID="Content1" ContentPlaceHolderID="footer_script" runat="Server">
    <script type="text/javascript">
        //---------------------------------checkbox全選用---------------------------------------------------
        function Check2(parentChk, ChildId) {
            var oElements = document.getElementsByTagName("INPUT");
            var bIsChecked = parentChk.checked;

            for (i = 0; i < oElements.length; i++) {
                if (IsCheckBox2(oElements[i]) &&
                    IsMatch2(oElements[i].id, ChildId)) {
                    oElements[i].checked = bIsChecked;
                }

            }
        }

        function IsMatch2(id, ChildId) {
            if (id.indexOf(ChildId) > -1) {
                return true;
            } else {
                return false;
            }
        }
        function IsCheckBox2(chk) {
            if (chk.type == 'checkbox') return true;
            else return false;
        }
        $(window).ready(function () {
            var chk = $('#treeArea input[type=checkbox]');
            for (i = 0; i < chk.length; i++) {
                var t = $(chk[i]).attr('title').split('-');
                $(chk[i]).attr('title', '');
                $(chk[i]).attr('root', t[0]);
                $(chk[i]).attr('num', t[1]);
            }

            $("#treeArea input[type=checkbox]").bind("click", function () {
                var root = $(this).attr('root');
                var num = $(this).attr('num');

                if (root == "0") {
                    var chk = $('#treeArea input[type=checkbox]');
                    for (i = 0; i < chk.length; i++) {
                        if ($(chk[i]).attr('root') == num) {
                            $(chk[i]).prop("checked", this.checked);
                        }
                    }
                } else if (root != "0") {
                    var chk = $('#treeArea input[type=checkbox]');
                    for (i = 0; i < chk.length; i++) {
                        if ($(chk[i]).attr('num') == root) {
                            if (this.checked) {
                                $(chk[i]).prop("checked", this.checked);
                            } else {
                                var n = 0;
                                for (ii = 0; ii < chk.length; ii++) {
                                    if ($(chk[ii]).attr('root') == root && $(chk[ii]).is(":checked")) { n++; }
                                }
                                if (n == 0) {
                                    $(chk[i]).prop("checked", this.checked);
                                }
                            }
                            break;
                        }
                    }
                }

            });
        });
    </script>
</asp:Content>
<asp:Content ID="Content3" ContentPlaceHolderID="page_nav" runat="Server">
    <nav class="mb-1">
    </nav>
    <nav class="mb-1">         
        <asp:Button ID="edit" runat="server" Text="修改" OnClick="edit_Click" CssClass="btn btn-primary" />
        <asp:Button ID="add" runat="server" Text="新增" OnClick="add_Click" CssClass="btn btn-primary" />
        <asp:Button ID="goback" runat="server" Text="回列表" CausesValidation="false" Visible="false" OnClick="goback_Click" CssClass="btn btn-outline-secondary" />
    </nav>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <uc1:alert runat="server" ID="L_msg" Text="" />
    <div id="content" class="container-fluid pb-4">
        <div class="row">
            <div class="col-sm-4">
                <div class="card shadow-sm my-2" id="sec1">
                    <div class="card-header">選擇權限 | 
                                         <input type="checkbox" id="chkAll" name="chkAll" onclick="Check2(this, 'CheckBox')" /><label for="chkAll">全選</label></div>
                    <div class="card-body">
                    <asp:TreeView  cssClass="aspxTree" ID="TreeView1" runat="server" ImageSet="Arrows"  ShowCheckBoxes="All" SkipLinkText="" ShowLines="false" EnableTheming="False" ShowExpandCollapse="True">
                        </asp:TreeView>
                          
                    </div>
                </div>
            </div>
            <div class="col-sm-8">
                <div class="card shadow-sm my-2">
                    <div class="card-header">                        
                        <div>群組資料<asp:Label ID="title_msg" runat="server"  ></asp:Label></div>
                        <div> <asp:Label ID="rootMsg" ForeColor="blue" runat="server" Font-Size="Smaller"></asp:Label></div>
                    </div>            
                    <div class="card-body form-horizontal label-sm-right" role="form">
                        <div>
                            <div class="form-text text-muted">以下 * 欄位為必填欄位</div>
                        </div>
                        <div class="row mb-1">
                            <label class="col-sm-2 col-lg-3 col-form-label">* 群組代號</label>
                            <div class="col-sm-10 col-lg-9">
                                <asp:TextBox ID="g_name" MaxLength="3" runat="server" CssClass="form-control" placeholder="請輸入群組代號，不可重複" ToolTip="群組代號建立後不可變更"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="g_name" ErrorMessage="必填！" Display="Dynamic" SetFocusOnError="true"></asp:RequiredFieldValidator>

                            </div>
                        </div>
                        <div class="row mb-1">
                            <label class="col-sm-2 col-lg-3 col-form-label">* 群組名稱</label>
                            <div class="col-sm-10 col-lg-9">                              
                                <asp:TextBox ID="demo" runat="server" CssClass="form-control" placeholder="請輸入群組名稱"></asp:TextBox>
                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server" ControlToValidate="demo" ErrorMessage="必填！" Display="Dynamic" SetFocusOnError="true"></asp:RequiredFieldValidator>

                            </div>
                        </div>
                        
                        <div class="form-group">
                            <div class="col-sm-offset-3 col-md-offset-2 col-sm-9 col-md-10">
                                <asp:HiddenField ID="HiddenField1" runat="server" />
                            </div>
                        </div>
        
                    </div>
                </div>
            </div>
        </div>
    </div>    
</asp:Content>