This is a migrated thread and some comments may be shown as answers.

RADGrid insideTabstrip with Multi Page view

0 Answers 127 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
nitin
Top achievements
Rank 1
nitin asked on 14 Oct 2009, 10:46 AM

Hi All

 have to design grid edit in tabs strip like wizard model for editing/adding records so i have used to tab strip with multiagview i have used grid in 1st and a user control for other two pages for EDIT/ADD now i have problem when i using user control in multipagview controls in user control are getting shranked , so i need your help for two things


1.how use this user control in pageview with out losing looking and feel of controls inside this

2.how to pass/send the selected record values to next page in multipageview for editing.


following cod which i have used  and attached out screen for idea



contant page

<asp:Content ID="Content3" ContentPlaceHolderID="ContentHolderSearch" runat="server">
<p>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Black" MultiPageID="RadMultiPage1"
SelectedIndex="0" OnTabClick="RadTabStrip1_TabClick" Width="100%" >
<Tabs>
<telerik:RadTab Text="Price Rules" Selected="True">
</telerik:RadTab>
<telerik:RadTab Text="EditPriceRule" PageViewID="EditPriceRule" >
</telerik:RadTab>
<telerik:RadTab Text="ADDNEW" PageViewID="ADDNEW">
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">
<telerik:RadPageView ID="RadPageView1" runat="server" Width="100%" >
<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" GridLines="None"
OnItemCommand="RadGrid1_ItemCommand"
onneeddatasource="RadGrid1_NeedDataSource">
<PagerStyle Mode="Slider" />
<MasterTableView>
<RowIndicatorColumn>
<HeaderStyle Width="20px" />
</RowIndicatorColumn>
<ExpandCollapseColumn>
<HeaderStyle Width="20px" />
</ExpandCollapseColumn>
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<asp:LinkButton ID="EditLink" runat="server" CommandName="Edit" Text="Edit"></asp:LinkButton></ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView><HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" />
<AlternatingItemStyle HorizontalAlign="Center" />
</telerik:RadGrid>

</telerik:RadPageView>
<telerik:RadPageView ID="EditPriceRule" runat="server">
<div style="width: 100%; height: 40%; visibility: visible; float: right">
<uc1:PriceRulesList ID="PriceRulesList1" runat="server" />
</div>
</telerik:RadPageView>
<telerik:RadPageView ID="ADDNEW" runat="server">

<uc1:PriceRulesList ID="PriceRulesList2" runat="server" />
</telerik:RadPageView>

user control.ascx
<div class="main">
<div class="left">
<asp:Label ID="Label1" runat="server" Text="PriceRuleName" CssClass="lable"></asp:Label>
<asp:TextBox ID="txtPriceRuleName" runat="server" CssClass="textbox" ></asp:TextBox>
<br />
<asp:Label ID="Label2" runat="server" Text="Global" CssClass="lable"></asp:Label>
<asp:TextBox ID="txtglobal" runat="server" CssClass="textbox"></asp:TextBox>
<br />
<asp:Label ID="Label3" runat="server" Text="Price option" CssClass="lable"></asp:Label>
<asp:TextBox ID="txtPriceoption" runat="server" CssClass="textbox"></asp:TextBox>
<br />
<asp:Label ID="Label4" runat="server" Text="Mfg Part Number" CssClass="lable"></asp:Label>
<asp:TextBox ID="txtMfgPartNumber" runat="server" CssClass="textbox"></asp:TextBox>
<br />
<asp:Label ID="Label5" runat="server" Text="Price Range" CssClass="lable"></asp:Label>
<asp:TextBox ID="txtfrom" runat="server" Height="25px" Width="55px"></asp:TextBox>&nbsp
<asp:Label ID="Label10" runat="server" Text="To" Height="25px" Width="30px"></asp:Label>
<asp:TextBox ID="txtTo" runat="server" Height="25px" Width="55px"></asp:TextBox>
<br />

</div>
<div class="right">
<asp:Label ID="Label11" runat="server" Text="Pricing Type" CssClass="lable"></asp:Label>
<br />
<asp:Label ID="Label12" runat="server" Text="Type" CssClass="lable"></asp:Label>
<asp:DropDownList ID="PriceType" runat="server" CssClass="textbox">
</asp:DropDownList>
<br />
<asp:Label ID="Label13" runat="server" Text="Factor" CssClass="lable"></asp:Label>
<asp:TextBox ID="TextBox3" runat="server" CssClass="textbox"></asp:TextBox>
<br />
<asp:Label ID="Label14" runat="server" Text="Expired Date" CssClass="lable"></asp:Label>
<telerik:DatePickingCalendar ID="expdate" runat="server">
</telerik:DatePickingCalendar>
</div>
<div style="float: left; clip: rect(auto, auto, auto, 0px); width: 34%; height: 10%;
top: 350px; left: 0px">
<asp:Label ID="Label6" runat="server" Text="Manufacturer" Font-Bold="true" Font-Size="Larger" ></asp:Label> <br /> <br />

<asp:Label ID="Label7" runat="server" Text="Manufacturer" CssClass="lable" ></asp:Label>
<asp:TextBox ID="txtManufacturer" runat="server" CssClass="textbox" Width="162px"></asp:TextBox>
<table style="width: 100%; height: 100%; padding: 0px;" cellpadding="0" cellspacing="0">
<tr valign="top" height="100%">
<td width="218px" style="padding-top: 4px; padding-left: 4px;">
<telerik:RadListBox ID="RadListBox1" runat="server">
</telerik:RadListBox>
</td>
<td >
</td>
<td width="*" style="padding: 0px 2px 2px 0px;">
<telerik:RadListBox ID="RadListBox2" runat="server">
</telerik:RadListBox>
</td>
</tr>
</table>
</div>
<br />
<div style="float: left; width: 30%; height: 10%; top: 375px; left: 0px">
<asp:Label ID="Label8" runat="server" Text="Category" Font-Bold="true" Font-Size="Larger" ></asp:Label> <br /><br />

<asp:Label ID="Label9" runat="server" Text="Category" CssClass="lable" ></asp:Label>

<telerik:RadTreeView ID="RadTreeView1" Runat="server"
DataSourceID="SqlDataSourceCatogory">
</telerik:RadTreeView>

<asp:TextBox ID="txtcategorysearch" runat="server" CssClass="textbox"
Width="162px" ></asp:TextBox>
</div>
</div>

Thank

Nitin

nitin_ind_ap1@yahoo.co.in




No answers yet. Maybe you can help?

Tags
TabStrip
Asked by
nitin
Top achievements
Rank 1
Share this question
or