Telerikネストされたビュー

telerikのネストされたグリッドのための私のコードです：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>

ありがとうございます。

出典

2016-09-16 ama

TelerikコントロールでJavaScriptを使用することはありませんが、クラスを使用して、同じ行の他のコントロールに移動することができます。あなたは、こんにちは共有するためのおかげで、この

出典

2016-09-16 15:54:42 Seano666

をしようとしようとしている場合は、あなたのDatePickersにCssClassesを追加してください、これは

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")); } }

をテストされていません注意してください。エラーが発生しましたオブジェクトがプロパティまたはメソッド 'prop'をサポートしていません。 – ama

私はjQueryを使いこなすほど十分に使いません。更新版をお試しください。とにかく、これはあなたにそれについてどうやって行くのかのアイデアを伝えるためのものです。 – Seano666

うれしい私は助けることができました！これが答えだと思うなら、そのようにマークしてください。がんばろう！ – Seano666

Telerikネストされたビュー

答えて

関連する問題