个人中心
gpt4 book ai didi

javascript - Telerik 嵌套 View

转载 作者：行者123 更新时间：2023-11-28 05:33:22 24 4
gpt4 key购买 nike

下面是我的 telerik 嵌套网格代码:

我在使用 javascript“查找”控件(PreviousDate 和 DateofBirth)时遇到问题。

<%@ Page Language="c#" CodeFile="DefaultCS.aspx.cs" Inherits="Telerik.GridExamplesCSharp.Hierarchy.NestedViewTemplate.DefaultCS" %>

<%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %>


<%@ Register TagPrefix="telerik" Namespace="Telerik.Charting" Assembly="Telerik.Web.UI" %>   



    <script type="text/javascript" language="javascript">


function showPreviousDate(sender, eventArgs) {

var Grid = $find("<%= RadGrid1.ClientID %>");

 var MasterTable = Grid.get_masterTableView.get_dataItems();

 for (var i = 0; i < MasterTable.get_dataItems().length; i++) {

var row = MasterTable.get_dataItems()[i];

}

}

 </script>

<body>

 <form id="form1" runat="server"> 

   <ajaxToolkit:TabContainer ID="tabPrevious" runat="server"   
   ActiveTabIndex="0"/>

   <ajaxToolkit:TabPanel runat="server" HeaderText="Previous records" 

   ID="tabPrevious"/>

   <ContentTemplate>

    <telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" 

     OnPreRender="RadGrid1_PreRender" DataSourceID="SqlDataSource1"

    runat="server" AutoGenerateColumns="False" AllowSorting="True" 

    AllowMultiRowSelection="False"

    AllowPaging="True" PageSize="5" GridLines="None" ShowGroupPanel="true"

    OnItemCreated="RadGrid1_ItemCreated"

    OnItemCommand="RadGrid1_ItemCommand">

    <PagerStyle Mode="NumericPages"></PagerStyle>

    <MasterTableView DataSourceID="SqlDataSource1" GroupLoadMode="Server">

      <NestedViewTemplate>

        <asp:Panel ID="Panel1" runat="server" CssClass="viewWrap" 

        Visible="false">                                   

          <table runat="server" style="width: 100%;">

            <tr>

               <td align="center">Previous Records </td>

            </tr>



            <tr>

              <td align="center">

        <table>

             <tr>

               <td style="padding-right: 20px">

                <asp:Label ID="labelDOb" runat="server" Text="Date of Birth" Width="100px"></asp:Label>

               <telerik:RadDatePicker SharedCalendarID="SharedCalendar"         
     ShowPopupOnFocus="true" Enabled="false" RenderMode="Lightweight"  
      ID="DateofBirth" runat="server">                                                          

               </telerik:RadDatePicker>

              </td>


               <td style="padding-right: 20px">


                   <asp:Label ID="labelDate" runat="server" Text="Previous Date" Width="100px">

                 </asp:Label>

                  <telerik:RadDatePicker SharedCalendarID="SharedCalendar" ShowPopupOnFocus="true" 

              Enabled="false" RenderMode="Lightweight" ID="PreviousDate" runat="server">

          <ClientEvents OnDateSelected="showPreviousDate" />

                  </telerik:RadDatePicker>

              </td>

            </tr>   

        </table>

      </td>

     </tr>

  </table>

</asp:Panel>

</NestedViewTemplate>  

</MasterTableView>

</telerik:RadGrid>

</ContentTemplate>

</ajaxToolkit:TabPanel>

</ajaxToolkit:TabContainer>

</html>

提前致谢。

最佳答案

将 JavaScript 与 Telerik 控件一起使用从来都不是一件好事，但您应该能够使用类并通过类似这样的操作导航到同一行中的其他控件。请注意，这尚未经过测试

function showPreviousDate(sender, eventArgs) {

var thisID = sender.get_id();
var dateOfBirthControl, previousDateControl

if (thisID.indexOf("Birth") > -1){
    //sender is the date of birth picker, and we have to find the other one
    dateOfBirthControl = sender;
    previousDateControl = $find($("#" + sender.get_id).parent().next().find(".PrevDateControl").prop("id"));
}
else {
    //sender is the previousDateControl picker, and we have to find the other
    previousDateControl = sender;
    dateOfBirthControl = $find($("#" + sender.get_id).parent().prev().find(".BirthDateControl").prop("id"));
}

}

如果您要尝试此操作，请确保将 CssClass 添加到您的 DatePickers

关于javascript - Telerik 嵌套 View ，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/39533049/

24 4 0
文章推荐： javascript - 在 onload() 函数调用中将 session 变量作为参数传递
文章推荐： javascript - 模态背景淡入淡出问题与 Bootstrap 模态
文章推荐： ios - 快速调试器 : OS_OBJECT_HAVE_OBJC_SUPPORT = 0
文章推荐： c++ - 将 C++ 代码转换为 VB.net(使用 while)
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com