treeview_ checkbox中選擇的js代碼和層移動代碼

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PlanSet_ItemSet_Product.aspx.cs" Inherits="PMApp.DataManagement.ConfigManagement.PlanSet_ItemSet_Product" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<title>Untitled Page</title>

function public_GetParentByTagName(element, tagName)
{
var parent = element.parentNode;
var upperTagName = tagName.toUpperCase();

         while (parent && (parent.tagName.toUpperCase() != upperTagName))
         {
             parent = parent.parentNode ? parent.parentNode : parent.parentElement;
         }
         return parent;
}

//觸發事件
function CheckEvent()
{

var objNode = event.srcElement;

if(objNode.tagName!="INPUT" || objNode.type!="checkbox")
return;

         if(objNode.checked==true)
         {
             setParentChecked(objNode);
             var objID = objNode.getAttribute("ID");
             var objID = objID.substring(0,objID.indexOf("CheckBox"));
             var objParentDiv = document.getElementById(objID+"Nodes");
             if(objParentDiv==null || objParentDiv == "undefined")
             {
                 return;
             }
             setChildChecked(objParentDiv);
         }
         else
         {
             var objID = objNode.getAttribute("ID");
             var objID = objID.substring(0,objID.indexOf("CheckBox"));
             var objParentDiv = document.getElementById(objID+"Nodes");
             if(objParentDiv==null || objParentDiv == "undefined")
             {
                 return;
             }
             setChildUnChecked(objParentDiv);
         }
}
    </script>

        function MDown(Object) {
            Obj = Object.id
            document.all(Obj).setCapture()
            pX = event.x - document.all(Obj).style.pixelLeft;
            pY = event.y - document.all(Obj).style.pixelTop;
        }

        function MMove() {
            if (Obj != '') {
                document.all(Obj).style.left = event.x - pX;
                document.all(Obj).style.top = event.y - pY;
            }
        }

        function MUp() {
            if (Obj != '') {
                document.all(Obj).releaseCapture();
                Obj = '';
            }
        }
    </script>

<script language="javascript">
        function openlimsprdctSelect(itemid, ConfigID, type) {
            var returnValue = window.showModalDialog('TreeShow.aspx?itemid='+ itemid + '&pid=2&ConfigID=' + ConfigID + '&type=' + type + '', window, 'dialogWidth=350px;dialogHeight=500px;resizable:yes;scroll:yes');
            if (returnValue != undefined)
                this.location = this.location;
               // window.event.srcElement.value = returnValue;
        }
     </script>
      <script type="text/javascript" language="javascript">
           function refresh() {
               this.location = this.location;   //刷新
           }
    </script>

</head>
<body>
    <form id="form2" runat="server">
    <br />
    <asp:Panel runat="server" Visible="false">
    <table class="info" align="center">
        <tr>
            <td align="center" style="width: 20%;" class="info-Title">
                當前配置報表：
            </td>
            <td align="left" style="width: 40%;" class="">
                煉油產品計劃上報表
            </td>
            <td align="left" style="color: silver;" class="info-Title">
                *當前配置的報表
            </td>
        </tr>
        <tr>
            <td align="center" style="width: 20%;" class="info-Title">
                選擇配置項目：
            </td>
            <td align="left" style="width: 40%;" class="info-Title">
                <asp:DropDownList ID="ddrSelectCate" runat="server" AutoPostBack="true" Width="150px"
                    OnSelectedIndexChanged="ddrSelectCate_SelectedIndexChanged">
                </asp:DropDownList>
                <asp:Label ID="lblSign" runat="server" Visible="false"></asp:Label>
            </td>
            <td align="left" style="color: silver;" class="info-Title">
                *選擇某一具體的配置項目
            </td>
        </tr>
    </table>
    <br />
    <table width="95%" align="center">
        <tr>
            <td style="width: 40%;" class="info-Title">
                供選產品：
            </td>
            <td>
            </td>
            <td style="width: 40%;" class="info-Title">
                已選產品：
            </td>
        </tr>
    </table>
    <table align="center" width="95%">
        <tr>
            <td valign="top" width="40%" style="height: 200px">

                <asp:TreeView ID="TreeProduct" runat="server" ExpandDepth="1"
                    CssClass="treeView" Font-Size="10pt" ShowLines="True"
                    οnclick="client_OnTreeNodeChecked();" ShowCheckBoxes="All" Width="156px"
                    ontreenodecheckchanged="TreeProduct_TreeNodeCheckChanged">
              </asp:TreeView>
            </td>
            <td align="center">
                <asp:Button ID="btnSelect" runat="server" Text="==>>" class="FlatButton" OnClick="btnSelect_Click" />
                <br />
                <br />
                <asp:Button ID="btnUnselect" runat="server" Text="<<==" class="FlatButton" OnClick="btnUnselect_Click" />
            </td>
            <td valign="top" width="40%" style="height: 200px">

                <asp:TreeView ID="TreeProduct2" runat="server" ExpandDepth="1"
                    CssClass="treeView" Font-Size="10pt" ShowLines="True" ShowCheckBoxes="All"
                    οnclick="client_OnTreeNodeChecked();"   Width="156px" onselectednodechanged="TreeProduct2_SelectedNodeChanged"
                    ontreenodecheckchanged="TreeProduct2_TreeNodeCheckChanged">
              </asp:TreeView>
            </td>
        </tr>
    </table>
    <table width="95%" align="center">
        <tr>
            <td style="width: 40%">
                 
            </td>
            <td>
                <%--<input id="Button1" type="button" value="保存" class="FlatButton" />--%>
                <asp:Button ID="btnPreview" runat="server" CssClass="FlatButton" Text="預覽"
                    οnclick="btnPreview_Click" />
                 
                <%--<input id="Button2" type="button" value="預覽" class="FlatButton" />--%>
                <asp:Button ID="btnReturn" runat="server" CssClass="FlatButton" Text="確定"
                    οnclick="btnReturn_Click" />
            </td>
        </tr>
    </table>
    </asp:Panel>
     <table style="width: 100%;" class="info" align="center">
        <tr>
            <td>
                 
            </td>
        </tr>
        <tr>
            <td>
                 <asp:Button ID="Button1" runat="server" Text="添加" OnClick="Button1_Click" Visible="false" />
                <input type="button" value="添加" οnclick="openlimsprdctSelect('LYCP','<%=ConfigID %>','1')"/>
                
                <div id="checkbox_sizemodellist" style="display: none; z-index: 2000; position: static;
                    left: 60px; top: 23px; border: 0px solid #06c; padding: 0px; background: #F8F8FF;
                    width: 65%;" visible="false">
                    <div style="background: #F0F0F0; text-align: right; padding-right: 3px;">
                        <span style="width: 12; height: 2px; border-width: 1px; color: Maroon; font-family: webdings;
                            cursor: hand; left: -200;" οnclick="hidden('checkbox_sizemodellist')">r</span>
                    </div>
                    <asp:PlaceHolder ID="phl" runat="server"></asp:PlaceHolder>
                    <asp:Panel ID="PanelInfo" runat="server" CssClass="panel" GroupingText="配置項">
                        <table class="lablestyle">
                            <tr>
                                <td class="lblStyle">
                                    <asp:Label ID="lblStyleProductID" runat="server" Text="項目編碼："></asp:Label>
                                </td>
                                <td>
                                    <asp:DropDownList ID="ddlOilCode" runat="server" CssClass="txtBox" Width="125">
                                    </asp:DropDownList>
                                </td>
                                <td class="lblStyle">

                                </td>
                                <td class="lblStyle">

                                </td>
                                <td>

                                </td>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td class="lblStyle">
                                    <asp:Label ID="lblStyleRemark" runat="server" Text="備註："></asp:Label>
                                </td>
                                <td colspan="5">
                                    <asp:TextBox ID="tbRemark" runat="server" CssClass="txtBox" Width="120"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td class="lblStyle">
                                    序號：
                                </td>
                                <td colspan="5">
                                    <asp:TextBox ID="tbsort" runat="server" CssClass="txtBox" Width="120"></asp:TextBox>
                                </td>
                            </tr>
                            <tr>
                                <td align="center" colspan="6">
                                    <asp:Button ID="btnSubmit" runat="server" CssClass="buttonstyle" OnClick="btnSubmit_Click"
                                        Text="提交" />
                                      
                                    <input name="" class="button" type="button" οnclick="hidden('checkbox_sizemodellist')"
                                        value="關閉" style="width: 40px;" /><br />
                                </td>
                            </tr>
                        </table>
                    </asp:Panel>
                </div>
                


                

        <div id="massage_box">
                <div class="massage">
                    <div class="header" οnmοusedοwn="MDown(massage_box)">
                    <div style="display: inline; width: 150px; position: absolute; "> 詳細信息</div>
                    <span οnclick="massage_box.style.visibility='hidden'; mask.style.visibility='hidden'" style="float: right; display: inline; cursor: hand; font-size:medium; font-weight:bold;" >×</span>

                    <br />

                    <div>
                       <ul style="margin-right: 25;">
                         <asp:TreeView ID="TreeProduct3" runat="server" ExpandDepth="1"
                            CssClass="treeView" Font-Size="10pt" ShowLines="false"
                            οnclick="client_OnTreeNodeChecked();" ShowCheckBoxes="All" Width="156px"
                            ontreenodecheckchanged="TreeProduct_TreeNodeCheckChanged">
                        </asp:TreeView>
                       </ul>
                       <center>
                       <asp:Button ID="Button3" Text="添加" runat="server" OnClick="Button3_Click"/>
                       </center>
                    </div>
                </div>






            </div>
        </div>
        <div id="mask">
        </div>
               <span οnclick="mask.style.visibility='visible';massage_box.style.visibility='visible'" style="cursor: hand">
               <a href="#" runat="server" id="htmla" visible="false">樹形添加 </a></span>
                



                <asp:Label ID="lblsign2" runat="server" Visible="False"></asp:Label>
                <asp:GridView ID="GridView1" Width="70%" runat="server" AutoGenerateColumns="False"
                    OnRowCancelingEdit="GridView1_RowCancelingEdit" OnRowDeleting="GridView1_RowDeleting"
                    OnRowEditing="GridView1_RowEditing" OnRowUpdating="GridView1_RowUpdating" OnRowDataBound="GridView1_RowDataBound"
                    BackColor="White" BorderColor="#CCCCCC" BorderStyle="None" BorderWidth="1px"
                    CellPadding="3" DataKeyNames="itemid" OnSelectedIndexChanged="GridView1_SelectedIndexChanged"
                    OnRowCommand="GridView1_RowCommand">
                    <RowStyle ForeColor="#000066" />
                    <Columns>
                        <asp:TemplateField HeaderText="編碼">
                            <ItemStyle HorizontalAlign="Center" Width="9%" />
                            <ItemTemplate>
                                <%# Eval("itemid")%>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="項目名稱">
                            <EditItemTemplate>
                                <asp:TextBox ID="txt_name" Text='<%# DataBinder.Eval(Container,"DataItem.ITEMNAME") %>'
                                    runat="server"></asp:TextBox>
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label ID="lab_name" Text='<%# DataBinder.Eval(Container,"DataItem.ITEMNAME") %>'
                                    runat="server"></asp:Label>
                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="Left" />
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="備註">
                         <EditItemTemplate>
                                <asp:TextBox ID="txt_remark" Text='<%# DataBinder.Eval(Container,"DataItem.remark") %>'
                                    runat="server"></asp:TextBox>
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label ID="lab_remark" Text='<%# DataBinder.Eval(Container,"DataItem.remark") %>'
                                    runat="server"></asp:Label>
                            </ItemTemplate>
                            <ItemStyle HorizontalAlign="center" Width="14%"/>

                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="排列順序">
                            <ItemStyle HorizontalAlign="Center" Width="14%" />
                            <EditItemTemplate>
                                <asp:TextBox ID="txt_sort" Text='<%# DataBinder.Eval(Container,"DataItem.sort_no") %>'
                                    runat="server" Width="50%"></asp:TextBox>
                            </EditItemTemplate>
                            <ItemTemplate>
                                <asp:Label ID="lab_sort" Text='<%# DataBinder.Eval(Container,"DataItem.sort_no") %>'
                                    runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="ITEMID" Visible="False">
                            <ItemTemplate>
                                <asp:Label ID="lab_id" Text='<%# DataBinder.Eval(Container,"DataItem.ITEMID") %>'
                                    runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                         <asp:TemplateField HeaderText="CONFID" Visible="False">
                            <ItemTemplate>
                                <asp:Label ID="lab_confid" Text='<%# DataBinder.Eval(Container,"DataItem.CONFID") %>'
                                    runat="server"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:CommandField ShowEditButton="True">
                            <ItemStyle HorizontalAlign="Center" Width="15%" />
                        </asp:CommandField>
                        <asp:TemplateField ShowHeader="False">
                            <ItemStyle HorizontalAlign="Center" Width="9%" />
                            <ItemTemplate>
                                <asp:LinkButton ID="LinkButton1" runat="server" CausesValidation="False" CommandName="Delete"
                                    Text="刪除" OnClientClick="return confirm('確定要刪除嗎?')"></asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField>
                            <ItemStyle Width="8%" HorizontalAlign="Center" />
                            <ItemTemplate>
                                 <asp:Button ID="Button2" runat="server" Text="添加" CommandArgument='<%# Eval("ITEMID") %>'
                                    CommandName="add" Visible="false"/>
                                     <a href="#" οnclick="openlimsprdctSelect('<%# Eval("ITEMID") %>','<%=ConfigID %>','2')">添加</a>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <FooterStyle BackColor="White" ForeColor="#000066" />
                    <PagerStyle BackColor="White" ForeColor="#000066" HorizontalAlign="Left" />
                    <SelectedRowStyle BackColor="#669999" Font-Bold="True" ForeColor="White" />
                    <HeaderStyle BackColor="#006699" Font-Bold="True" ForeColor="White" />
                </asp:GridView>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>

後臺：this.TreeProduct.Attributes.Add("onclick", "CheckEvent()");

treeview_ checkbox中選擇的js代碼和層移動代碼

微服務實踐之使用 Visual Studio 2022 調試Dapr 應用程序

wpf附加屬性理解 WPF附加屬性

保存按鈕

Response.Write("");

treeview_ checkbox中選擇的js代碼和層移動代碼

傳統 excel 導入與導出代碼

RowDataBound

https://yachay.unat.edu.pe/blog/index.php?comment_area=format_blog&comment_component=blog&comment_co

linux以太網驅動總結

treeview_ checkbox中選擇的js代碼 和 層移動代碼

treeview_ checkbox中選擇的js代碼和層移動代碼