[置顶] Gridview中弹出层前台取值避免了刷新，easyui+Jquery

最新推荐文章于 2024-05-24 13:39:19 发布

weixin_30876945

最新推荐文章于 2024-05-24 13:39:19 发布

阅读量47

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/jiangu66/archive/2013/04/23/3038714.html

版权

1.aspx代码,因为Gridview中的单元格的textbox外面又一个table，所以用了好几个children[]，希望有更好的办法，easyui弹出层我就不说了，都懂的

<head runat="server">
    <title></title>
    <link href="themes/default/easyui.css" rel="stylesheet" type="text/css" />
    <link href="themes/icon.css" rel="stylesheet" type="text/css" />
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
    <script src="js/jquery.easyui.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {
            $('#dlg').dialog('close')
        });
    </script>
    <script type="text/javascript">
        function showDivObj(objThis, gridviewId, cellIndex) {
            var table = document.getElementById($("table[id*='" + gridviewId + "']").attr("id"));
            for (index = 1; index < table.rows.length; index++) {
                if (objThis.id == table.rows[index].cells[3].children[0].id) {
                    $("input[id*='txtceshi1']").val(table.rows[index].cells[1].innerHTML);
                    $("input[id*='txtceshi2']").val(table.rows[index].cells[2].children[0].children[0].children[1].children[0].children[0].innerText); //lable取值
                    $("input[id*='txtceshi3']").val(table.rows[index].cells[2].children[0].children[0].children[0].children[0].children[0].value); //textbox取值
                    //$('#dlg').dialog({ modal: true });
                    $('#dlg').dialog('open');
                    return false;
                }
            }
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
        <ContentTemplate>
            <div>
                <asp:GridView ID="gdv" runat="server" οnkeydοwn='return keyPressed()' AllowPaging="True"
                    PageSize="50" AutoGenerateColumns="False" Width="100%" PagerStyle-HorizontalAlign="Center">
                    <PagerSettings Visible="False" />
                    <PagerStyle HorizontalAlign="Center" />
                    <RowStyle HorizontalAlign="Center" />
                    <Columns>
                        <asp:TemplateField HeaderText="序号">
                            <ItemTemplate>
                                <asp:Label ID="lbl" runat="server" Text="<%# Container.DataItemIndex+1%>"></asp:Label>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:BoundField DataField="Name" HeaderText="测试" />
                        <asp:TemplateField HeaderText="名称">
                            <ItemTemplate>
                                <table>
                                    <tr>
                                        <td>
                                            <asp:TextBox ID="BarCode" runat="server" Text='<%#Eval("HousesID") %>' Width="200px"
                                                MaxLength="10"></asp:TextBox>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="Label1" runat="server" Text='<%#Eval("HousesID") %>'></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="编辑">
                            <ItemTemplate>
                                <asp:LinkButton ID="LinkButton1" runat="server" OnClientClick="showDivObj(this,'gdv', 5)">编辑</asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                </asp:GridView>
            </div>
        </ContentTemplate>
    </asp:UpdatePanel>

</form>
</body>

2.cs代码

List<SeeList> list = new List<SeeList>();
    protected void Page_Load(object sender, EventArgs e)
    {
        SeeList li = new SeeList();
        li.AutoID = 1;
        li.HousesID = 21;
        li.Name = "asd1";
        list.Add(li);
        SeeList li2 = new SeeList();
        li2.AutoID = 1;
        li2.HousesID = 22;
        li2.Name = "asd2";
        list.Add(li2);
        SeeList li3 = new SeeList();
        li3.AutoID = 1;
        li3.HousesID = 23;
        li3.Name = "asd3";
        list.Add(li3);
        SeeList li4 = new SeeList();
        li4.AutoID = 1;
        li4.HousesID = 24;
        li4.Name = "asd4";
        list.Add(li4);
        SeeList li5 = new SeeList();
        li5.AutoID = 1;
        li5.HousesID = 25;
        li5.Name = "asd5";
        list.Add(li5);
        gdv.DataSource = list;
        gdv.DataBind();
    }
    #region 实体
    public class SeeList
    {
        private int m_AutoID;

        public int AutoID
        {
            get { return m_AutoID; }
            set { m_AutoID = value; }
        }

private int m_HousesID;

        public int HousesID
        {
            get { return m_HousesID; }
            set { m_HousesID = value; }
        }

private string m_Name;

        public string Name
        {
            get { return m_Name; }
            set { m_Name = value; }
        }
    }
    #endregion

转载于:https://www.cnblogs.com/jiangu66/archive/2013/04/23/3038714.html

weixin_30876945

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
[置顶] Gridview中弹出层前台取值避免了刷新，easyui+Jquery

1.aspx代码,因为Gridview中的单元格的textbox外面又一个table，所以用了好几个children[]，希望有更好的办法，easyui弹出层我就不说了，都懂的<head runat="server"> <title></title> <link href="themes/default/easyui.css" re...
复制链接

扫一扫