jquery函数在updatepanel asp.net c#中不起作用 [英] jquery function not working in updatepanel asp.net c#
本文介绍了jquery函数在updatepanel asp.net c#中不起作用的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
大家好
这里我有Jquery功能的问题,当我尝试更改下拉按钮或任何其他页面加载后,它将首次运行按钮单击jquery函数不工作
我正在使用JQuery数据表,这里是我的Jquery代码
Hi All
Here i have problem with Jquery Function , it ll work first time when page is loaded after that when i try to change the dropdown button or any button click the jquery function not working
am using JQuery datatable , here my Jquery code
<script type="text/javascript">
function alerty($)
{
//alert('hi');
$("#<%= GridView4.ClientID%>").dataTable();
}
$(document).ready(function($)
{
alerty($);
});
</script>
我的asp.net代码
my asp.net code
<asp:Content ID="Content3" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
<script src="jquery-1.11.3.min.js" type="text/javascript"></script>
<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<div class=" removed" style=" margin-removed30px;">
<div class=" row">
<div class=" box box-default box-solid ">
<div class=" box-body">
<asp:Label ID="Label2" runat="server" Visible="false" Text=""></asp:Label></p>
<div class="col-sm-6">
<div class="form-group">
<label>CLIENT LIST</label>
<asp:DropDownList ID="DropDownList2" CssClass=" form-control" runat="server"
AutoPostBack="true" OnSelectedIndexChanged="DropDownList2_SelectedIndexChanged">
</asp:DropDownList>
</div>
</div>
<div class="col-sm-4"><!-- /.form-group -->
<div class="form-group">
<label>SHIFT</label>
<asp:DropDownList ID="DropDownList1" AutoPostBack="true" CssClass=" form-control" runat="server"
onselectedindexchanged="DropDownList1_SelectedIndexChanged">
<asp:ListItem>--SELECT--</asp:ListItem>
<asp:ListItem>DAY</asp:ListItem>
<asp:ListItem>NIGHT</asp:ListItem>
</asp:DropDownList>
</div><!-- /.form-group -->
</div>
<div class="col-sm-2">
<br /><!-- /.form-group -->
<div class="form-group">
<asp:Button ID="btnDeploy" CssClass=" btn btn-info" runat="server" Text="DEPLOY" OnClick="btnDeploy_Click" />
</div>
</div>
</div>
</div>
</div>
<div class=" row">
<div class=" col-sm-5" >
<div class=" box box-info ">
<div class=" box-body">
<div class=" form-group">
<asp:Calendar ID="Calendar1" runat="server" NextPrevFormat="ShortMonth" Width="100%"
SelectMonthText="Month"
Height="250px" OnDayRender="Calendar1_DayRender1"
OnSelectionChanged="Calendar1_SelectionChanged1" BackColor="White"
BorderColor="White" Font-Names="Verdana" Font-Size="9pt"
BorderStyle="Solid" CellSpacing="1" ForeColor="Black" TitleFormat="Month"
ShowGridLines="True" >
<SelectedDayStyle BackColor="SkyBlue" ForeColor="White" />
<SelectorStyle BackColor="SkyBlue" />
<WeekendDayStyle BackColor="" />
<TodayDayStyle BackColor="Silver" ForeColor="White" />
<OtherMonthDayStyle ForeColor="White" />
<DayStyle BackColor="#CCCCCC" />
<NextPrevStyle Font-Size="8pt" ForeColor="White" Font-Bold="True" />
<DayHeaderStyle ForeColor="#333333" Font-Bold="True" Height="15pt" Font-Size="8pt" />
<TitleStyle BackColor="#006699" Font-Bold="True" ForeColor="White" BorderStyle="Solid"
BorderColor="White" />
</asp:Calendar>
</div>
</div>
<div class=" box-footer text-center">
<asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="true"
oncheckedchanged="CheckBox2_CheckedChanged" CssClass=" form-control"
Text=" MULTI SELECT DATE" />
</div>
</div>
</div>
<div class=" col-sm-7" >
<div class=" box box-primary ">
<div class=" box-body text-center">
<div class=" form-group" style=" height:305px; overflow:scroll;">
<asp:GridView ID="GridView4" class="Grid" AutoGenerateColumns="false" Visible="true"
Font-Names="Arial" onkeypress="return GRIDKEYPRESS();"
Font-Size="8pt" runat="server" Width="100%"
onprerender="GridView4_PreRender">
<HeaderStyle ForeColor="Black" BackColor="White" />
<Columns>
<asp:TemplateField >
<HeaderTemplate>
<asp:CheckBox ID="Chkall" runat="server" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="CheckBox1" runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="EMP CODE">
<ItemTemplate>
<asp:Label ID="lblEmployeeId" runat="server" Text='<%# Bind("EmpCodeC") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="EMP NAME">
<ItemTemplate>
<asp:Label ID="lblEmployeename" runat="server" Text='<%# Bind("EmpNameC") %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
</div>
</div>
</div>
<div class=" row">
<div class=" col-md-offset-5">
<asp:Button ID="btnApplyOT" style=" line-height: 200%;" runat="server" CssClass="btn btn-info active"
Text="APPLY OT/COVERED" onclick="btnApplyOT_Click" />
</div>
<br />
<div class=" col-md-6">
<div class=" box box-success ">
<div class=" box-header box-title text-center">
DAY SHIFT
</div>
<div class=" box-body text-center">
<asp:GridView ID="GridView1" DataKeyNames="EmpCodeC"
AutoGenerateColumns="false" Style="width: 100%" CssClass="Grid"
runat="server" onrowdeleting="GridView1_RowDeleting">
<Columns>
<asp:BoundField ItemStyle-Width="50px" HeaderText="EMP CODE" DataField="EmpCodeC" />
<asp:BoundField ItemStyle-Width="75px" HeaderText="DAY" DataField="EmpNameC" />
<asp:TemplateField >
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="OT"></asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkOT" Checked='<%# bool.Parse(Eval("OT").ToString() == "YES" ? "True": "False") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField >
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="C"></asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkC" Checked='<%# bool.Parse(Eval("C").ToString() == "YES" ? "True": "False") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField >
<HeaderTemplate>
<img src="images/cancel.png" Height="12px" Width="12px" />
</HeaderTemplate>
<ItemTemplate>
<asp:ImageButton ID="imgbtnDelete" CommandName="Delete" Text="Edit" runat="server" ImageUrl="images/cancel.png" ToolTip="Delete" Height="12px" Width="12px" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
</div>
<div class=" col-md-6">
<div class=" box box-danger">
<div class=" box-header box-title text-center">
NIGHT SHIFT
</div>
<div class=" box-body text-center">
<asp:GridView ID="GridView2" AutoGenerateColumns="false"
DataKeyNames="EmpCodeC" Style="width: 100%" CssClass="Grid" runat="server"
onrowdeleting="GridView2_RowDeleting">
<Columns>
<asp:BoundField ItemStyle-Width="50px" HeaderText="EMP CODE" DataField="EmpCodeC" />
<asp:BoundField ItemStyle-Width="75px" HeaderText="NIGHT" DataField="EmpNameC" />
<asp:TemplateField >
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="OT"></asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkOT" Checked='<%# bool.Parse(Eval("OT").ToString() == "YES" ? "True": "False") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField >
<HeaderTemplate>
<asp:Label ID="Label1" runat="server" Text="C"></asp:Label>
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkC" Checked='<%# bool.Parse(Eval("C").ToString() == "YES" ? "True": "False") %>' runat="server" />
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField>
<HeaderTemplate>
<img src="images/cancel.png" Height="12px" Width="15px" />
</HeaderTemplate>
<ItemTemplate>
<asp:ImageButton ID="imgbtnDelete" CommandName="Delete" Text="Edit" runat="server" ImageUrl="images/cancel.png" ToolTip="Delete" Height="12px" Width="12px" />
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</div>
</div>
</div>
</div>
</div>
</ContentTemplate>
<Triggers>
<asp:AsyncPostBackTrigger ControlID="btnDeploy" EventName="Click" />
</Triggers>
</asp:UpdatePanel>
<script src="source/js/jquery.tmpl.min.js" type="text/javascript"></script>
<script src="source/js/multilist.js" type="text/javascript"></script>
<script src="lib/moment.min.js" type="text/javascript"></script>
<script src="source/js/multiselect.js" type="text/javascript"></script>
<%--<script>
function pageLoad(sender, args) {
$("#ctl00_ContentPlaceHolder1_GridView4_ctl01_Chkall").click(function() {
$("#ctl00_ContentPlaceHolder1_GridView4 input:checkbox").not(this).prop('checked', this.checked);
var names = [];
$("#ctl00_ContentPlaceHolder1_GridView4 input:checkbox").each(function() {
names.push($(this).attr("name") + this.id);
});
});
}
</script>--%>
<script>
function pageLoad(sender, args) {
$("#ctl00_ContentPlaceHolder1_GridView4_ctl01_Chkall").click(function() {
$("#ctl00_ContentPlaceHolder1_GridView4 input:checkbox").not(this).prop('checked', this.checked);
var names = [];
$("#ctl00_ContentPlaceHolder1_GridView4 input:checkbox").each(function() {
names.push($(this).attr("name") + this.id);
});
});
}
</script>
</asp:Content>
for your reference i have pasted all code’s .... how can i slove this prob ?
Thanks
for your reference i have pasted all code's .... how can i slove this prob ?
Thanks
推荐答案
)
{
//alert('hi');
(\"#<%= GridView4.ClientID%>\").dataTable();
}
("#<%= GridView4.ClientID%>").dataTable(); }
(document).ready(function(
这篇关于jquery函数在updatepanel asp.net c#中不起作用的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文