<%@ Page Title="" Language="C#" MasterPageFile="~/Main.Master" AutoEventWireup="true" CodeBehind="CategoryList.aspx.cs" Inherits="Bridgetree.Admin.CategoryList" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">

    <script language=javascript>

        function edit(c_id) {/*此处的c_id为某一控件对象，因为传入的值为this*/

            var lb_Edit_ID = c_id.id;/*取控件的id属性值*/

            var ids = lb_Edit_ID.substring(lb_Edit_ID.lastIndexOf("_") + 1, lb_Edit_ID.length);/*获取数据库的ID字段*/

            var CategoryID = $("span[ID='lbl_CategoryID_" + ids + "']").text();
/*根据id取文本值。
注：

• text() - 设置或返回所选元素的文本内容（即设置或获取标签内的文本）
• html() - 设置或返回所选元素的内容（包括 HTML 标记）
• val() - 设置或返回表单字段的值（即设置或获取控件的文本）
• 详情点击

*/

            var Category = $("span[ID='lbl_Category_" + ids+ "']").text();

            /*alert($("#lbl_Category_" + ids).text());*/

            var HourlyCost = $("span[ID='lbl_HourlyCost_" + ids + "']").text();

            var BillingRate = $("span[ID='lbl_BillingRate_" + ids + "']").text();

            $("#hf_CategoryID").val(CategoryID);/*设置控件的文本*/

            $("#tb_Category").val(Category);

            $("#tb_HourlyCost").val(HourlyCost);

            $("#tb_BillingRate").val(BillingRate);

            /*var rate = document.getElementById("rate_" + id)

            rate.readOnly = false;

            rate.style.backgroundColor = "white"

            e = document.getElementById("BtnEdit_" + id)

            e.disabled = true;

            e = document.getElementById("BtnUpd_" + id)

            e.disabled = false;

            rate.focus();*/

        }

        </script>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server" ClientIDMode="Static">

    <table id="conversionTable" class="tableCommon table-hover" width="100%">

            <asp:Repeater ID="rpt_CategoryList" runat="server" OnItemDataBound="rpt_CategoryList_ItemDataBound">

                <HeaderTemplate>

                    <tr>

                        <th>Category</th>

                        <th>HourlyCost($)</th>

                        <th>BillingRate</th>

                        <th>Edit</th>

                    </tr>

                </HeaderTemplate>

                <ItemTemplate>

                    <tr>

                        <td><asp:Label runat="server" ID="lbl_Category" Text='<%#Eval("Category1") %>'></asp:Label><asp:Label runat="server" ID="lbl_CategoryID" style="display:none;" Text='<%#Eval("CategoryID") %>'></asp:Label></td>

                        <td><asp:Label runat="server" ID="lbl_HourlyCost" Text='<%#Eval("HourlyCost") %>'></asp:Label></td>

                        <td><asp:Label runat="server" ID="lbl_BillingRate" Text='<%#Eval("BillingRate")%>'></asp:Label></td>

                        <td>

                            <asp:LinkButton runat="server" ID="lb_Edit" href="#TB_inline?height=300&width=400&inlineId=myOnPageContent" Class="thickbox" OnClientClick="edit(this);">Edit</asp:LinkButton></td> /*此处需要注意：该标签会先执行onclick事件，然后再去执行href*/

                    </tr>

                </ItemTemplate>

            </asp:Repeater>

        </table>

        <div id="myOnPageContent" style="display:none;">

            <input type="hidden" id="hf_CategoryID" runat="server"/>

            <p>Category:<input id="tb_Category" readonly="true" /></p>

            <p>HourlyCost($):<input id="tb_HourlyCost"/></p>

            <p>BillingRate($):<input id="tb_BillingRate"/></p>

            <asp:Button runat="server" ID="btn_Save" Width="50px" Text="Save" OnClick="btn_Save_Click"/>

        </div>

</asp:Content>