JavaScript的不RadTabStrip asp.net工作 [英] JavaScript not working with RadTabStrip asp.net
本文介绍了JavaScript的不RadTabStrip asp.net工作的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有哪些工作正常,直到我决定使用RadTabStrip嵌套网格的JavaScript。
I have a javascript for a nested grid which was working fine until I decided to use RadTabStrip.
JavaScript的code:
The JavaScript Code:
<asp:Content ID="HeaderContent" runat="server" ContentPlaceHolderID="HeadContent">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js"> </script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"> </script>
<script type="text/javascript">
function collapseExpand(obj) {
var gvObject = document.getElementById(obj);
var imageID = document.getElementById('image' + obj);
if (gvObject.style.display == "none") {
gvObject.style.display = "inline";
imageID.src = "~/ims/Images/bullet_toggle_minus.jpg";
}
else {
gvObject.style.display = "none";
imageID.src = "~/ims/Images/bullet_toggle_plus.jpg";
}
}
</script>
</asp:content>
RadTab code:
RadTab Code:
<telerik:RadTabStrip ID="RadTabStrip1" runat="server">
<Tabs>
<telerik:RadTab runat="server" Text="tab1">
<TabTemplate>
<telerik:RadGrid ID="GridView1" runat="server" AutoGenerateColumns="False"
BackColor="White" BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px"
CellPadding="3" GridLines="Horizontal" OnItemDataBound="RadGrid2_ItemDataBound" >
<MasterTableView DataKeyNames="id1">
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<a href="javascript:collapseExpand('id1_<%# Eval("id1") %>');">
<img id="imageSubId_<%# Eval("id1") %>" alt="Click to show/hide orders" border="0" src="Images/bullet_toggle_plus.jpg" />
</a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="id1" HeaderText="ID"/>
<telerik:GridTemplateColumn>
<ItemTemplate>
<tr>
<td colspan="100%">
<div id="id1_<%# Eval("id1") %>" style="display: none; position: relative; left: 25px;">
<telerik:RadGrid ID="GridView2" runat="server" AutoGenerateColumns="false" CellPadding="4" ForeColor="#333333"
GridLines="None" >
<MasterTableView >
<Columns>
<telerik:GridBoundColumn DataField="fname" HeaderText="First Name" />
<telerik:GridBoundColumn DataField="mname" HeaderText="Middle Name" />
<telerik:GridBoundColumn DataField="lname" HeaderText="Last Name" />
<telerik:GridTemplateColumn>
<ItemTemplate>
<asp:CheckBox ID="checkselect" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:Button ID="Button4" runat="server" Text="Remove" CommandName="Split" />
</HeaderTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView >
</telerik:RadGrid>
</div>
</td>
</tr>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</TabTemplate>
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
这code,而不标签工作的罚款。另外,我觉得这个问题是用标签折叠展开功能的兼容性。
This code is working fine without tabs. Also, I think the problem is with CollapseExpand function compatibility with tabs.
有人可以帮助我?
感谢。
推荐答案
对不起,迟到的答复。
请尝试以下code片段。
Please try with the below code snippet.
JS
<script type="text/javascript">
function collapseExpand(obj) {
var gvObject = document.getElementById('div_' + obj);
var imageID = document.getElementById('imageSubId_' + obj);
if (gvObject.style.display == "none") {
gvObject.style.display = "inline";
imageID.src = "http://www.fimfiction-static.net/images/icons/collapse.png";
}
else {
gvObject.style.display = "none";
imageID.src = "http://jlpa.trinitylaban.ac.uk/WebCat_Images/English/Other/MiscD/admin-icon-expand.png";
}
}
</script>
ASPX
<telerik:RadTabStrip ID="RadTabStrip1" runat="server">
<Tabs>
<telerik:RadTab runat="server" Text="tab1">
<TabTemplate>
<telerik:RadGrid ID="GridView1" runat="server" AutoGenerateColumns="False" BackColor="White"
BorderColor="#E7E7FF" BorderStyle="None" BorderWidth="1px" CellPadding="3" GridLines="Horizontal"
OnNeedDataSource="GridView1_NeedDataSource">
<MasterTableView DataKeyNames="ID">
<Columns>
<telerik:GridTemplateColumn>
<ItemTemplate>
<a onclick="javascript:collapseExpand('<%# Eval("ID") %>');">
<img id="imageSubId_<%# Eval("ID") %>" alt="Click to show/hide orders" src="http://jlpa.trinitylaban.ac.uk/WebCat_Images/English/Other/MiscD/admin-icon-expand.png" />
</a>
</ItemTemplate>
</telerik:GridTemplateColumn>
<telerik:GridBoundColumn DataField="ID" HeaderText="ID" />
<telerik:GridTemplateColumn>
<ItemTemplate>
<tr>
<td colspan="100%">
<div id="div_<%# Eval("ID") %>" style="display: none; position: relative; left: 25px;">
<telerik:RadGrid ID="GridView2" runat="server" AutoGenerateColumns="false" CellPadding="4"
ForeColor="#333333" GridLines="None" OnNeedDataSource="GridView1_NeedDataSource">
<MasterTableView>
<Columns>
<telerik:GridBoundColumn DataField="Name" HeaderText="First Name" />
<telerik:GridTemplateColumn>
<ItemTemplate>
<asp:CheckBox ID="checkselect" runat="server" />
</ItemTemplate>
<HeaderTemplate>
<asp:Button ID="Button4" runat="server" Text="Remove" CommandName="Split" />
</HeaderTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</div>
</td>
</tr>
</ItemTemplate>
</telerik:GridTemplateColumn>
</Columns>
</MasterTableView>
</telerik:RadGrid>
</TabTemplate>
</telerik:RadTab>
</Tabs>
</telerik:RadTabStrip>
ASPX.CS
ASPX.CS
protected void GridView1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
dynamic data = new[] {
new { ID = 1, Name ="Name1"},
new { ID = 2, Name = "Name2"},
new { ID = 3, Name = "Name3"},
new { ID = 4, Name = "Name4"},
new { ID = 5, Name = "Name5"}
};
(sender as RadGrid).DataSource = data;
}
让我知道,如果任何问题。
Let me know if any concern.
这篇关于JavaScript的不RadTabStrip asp.net工作的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文