.下拉列表值改变时的事件【以及如何获取服务器控件Id】 |
/*
【下拉列表值改变时的事件】
当下拉列表值改变时,触发事件
*/
function SelectType() {
if ($("#<%=ddlType.ClientID %>").val() != "") {//<%=ddlType.ClientID %> 是获取服务器控件Id的方式
alert($("#<%= ddlType.ClientID %>").val());
}
}
<asp:DropDownList runat="server" ID="ddlType" CssClass="select2" Width="120px" onchange="SelectType()" >
</asp:DropDownList>
.html控件下拉列表后台绑定 |
版本一
$.post(siteBase + "MktUser/Op.aspx?op=items", {}, function(res) {
if (res != null) {
// 事业别
var html = "<option value=''></option>";
$(res.Data.items).each(function(i, item) {
html += "<option value='" + item.Id + "'>" + item.Name + "</option>";
});
$("#item_id").html(html);
}
}, 'json');
版本二
function setSelect(se, key, data, val, txt, seval, setf) {
$.post("Op.aspx?op=" + key, data, function (res) {
if (res != null) {
var html = "<option value=''></option>";
var jsonData = (res.Data.items !== undefined ? res.Data.items : res.Data);
$(jsonData).each(function (i, item) {
var jTxt = '';
var jVal = '';
$.each(item, function (j) {
if (j == val)
jVal = item[j];
else if (j == txt)
jTxt = item[j];
});
html += "<option value='" + jVal + "' " + ((seval !== undefined && seval == jVal) ? "selected='selected'" : "") + ">" + jTxt + "</option>";
});
$(se).html(html);
if (setf !== undefined)
setTimeout(setf, 100);
}
}, 'json');
}
[ 资料来源:http://www.cnblogs.com/codelove/archive/2012/01/29/2331479.html ]
.js实现用户输入的小写字母自动转大写字母 |
<script language="JavaScript">
function toUpperCase(obj)
{
obj.value = obj.value.toUpperCase()
}
</script>
<body>
<input type="text" id="txt1" value="" onkeyup="toUpperCase(this)"/>
</body>
[ 资料来源:http://phpwl.com/content_391.html]
.Jquery封装的获取url参数的方法 |
/*
【封装的获取url参数的方法】
调用形似:var param = $.getUrlParam('参数名');
*/
(function($){
$.getUrlParam = function(name){
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
})(jQuery);
.Jquery 全选/反选 |
$(function () {
/*
【全选/反选】
*/
$("#chkAll").click(function () {
var flag = $(this).attr("checked"); //获取全选checkbox的checked属性
$("input[name='chk']").attr("checked", flag); //把全选框的checked属性值直接给其它checkbox
});
/*
【单击其它框选取消“全选”】
设置其它checkbox 单击时,若该checkbox为不选中时,则设置全选checkbox不选中状态
*/
$("input[name='chk']").click(function () {
$(this).click(function () {
var flag = $(this).attr("checked");
if(flag== false) {
$("#chkAll").attr("checked", false);
}
});
});
});
.Jquery批量删除 |
版本一
/*
【批量删除】
要求checkbox的value值和Id值绑定起来,以便获取id值
*/
function deleteSelected() {
var ids = "";//保存要删除的 id
$("input[name='chk']").each(function () {
if ($(this).attr("checked") == true) {
ids += $(this).val() + ",";//如果checkbox选中,把该checkbox的value值添加到 id 窜中
}
});
//判断是否有要删除的
if (ids.length == 0) {
alert("请至少选中一项");
}
else {
if (confirm("确定删除吗?") == true) {
ids = ids.substring(0, ids.length - 1);
//调用删除方法
}
}
}
上述方法要求checkbox的value值和Id值绑定起来,以便获取id值,但服务器控件CheckBox不支持value属性。所以,要使用模板列 TemplateField ,并在HeaderTemplate属性 放置id=“chkAll”的html控件checkbox,在ItemTemplate属性 放置name=“chk” 的html控件 checkbox,并用<%#Eval("Id")>绑定Id。
<asp:TemplateField>
<HeaderTemplate>
<input id="chkAll" type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<input id="chk" name="chk" type="checkbox" value='<%# Eval("Id") %>' />
</ItemTemplate>
</asp:TemplateField>
版本二
//批量删除保存所选项的ID的脚本
function Delete()
{
if(confirm("确定删除吗?")==true)
{
var text="";
//对于checkBox是.net服务器控件时可以这样做,$(":checkbox").each(function(){});
$("input[name='chkBulletin']").each(function()
{
if($(this).attr("checked")==true)
{
text += $(this).val() +";";
}
});
if(text=="")
{
alert("请选择要删除的数据!");
return false;
}
else
{
var tempText = text.substring(0, text.length - 1);
$('#<%=hfBulletinID.ClientID %>').val(tempText);
}
alert($('#<%=hfBulletinID.ClientID %>').val());
return true;
}
else
{
return false;
}
}
</script>
<table>
<tr>
<td valign="top" class="headerButtonsTopPadding">
<asp:ImageButton ID="ibtnBatchDelete" runat="server" ImageUrl="~/images/icon/icon-delete.gif"
OnClientClick='Delete();' onclick="ibtnBatchDelete_Click" />批量删除
</td>
</tr>
<tr>
<td valign="top">
<asp:GridView ID="gvBulletin" runat="server" Width="100%" AutoGenerateColumns="False" DataKeyNames="ID" CssClass="Grid" >
<Columns>
<asp:TemplateField>
<HeaderTemplate><input type="checkbox" id="chkAll" name="chkAll" value="全选" /></HeaderTemplate>
<ItemTemplate >
<input type="checkbox" id="chkBulletin" value='<%#Eval("ID") %>' name="chkBulletin" />
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="ID" HeaderText="公告ID" Visible="False">
<HeaderStyle Wrap="False" />
</asp:BoundField>
<asp:HyperLinkField DataNavigateUrlFields="ID"
DataNavigateUrlFormatString="~/Pages/Bulletin/BulletinDetail.aspx?id={0}"
DataTextField="Title" HeaderText="标题" />
<asp:TemplateField HeaderText="摘要">
<ItemTemplate>
<asp:Label ID="lblContent" runat="server" Text='<%# SetContents(Eval("Contents"))%>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="Type" HeaderText="类型" ></asp:BoundField>
<asp:TemplateField HeaderText="阅读人员">
<ItemTemplate>
<asp:Label ID="lblReader" runat="server" Text='<%# SetReader(Eval("ReaderList")) %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:BoundField DataField="CreatedDate" HeaderText="发布日期" HtmlEncode=false
DataFormatString="{0:yyyy-MM-dd}"></asp:BoundField>
<asp:TemplateField HeaderText="状态">
<ItemTemplate>
<asp:Label ID="lblStatus" runat="server" Text='<%# Eval("Status").ToString()!=""?Eval("Status").ToString()=="True"?"已发布":"未发布":"" %>'></asp:Label>
</ItemTemplate>
</asp:TemplateField>
<asp:TemplateField HeaderText="操作">
<ItemTemplate>
<div>
<nobr>
<img alt="修改公告" src="http://images.cnblogs.com/ToolBar/toolbaredit.gif"
onclick="UniversalOpenWindowAndBreak(600,500,'BulletinEdit.aspx?bulletinId=<%#Eval("ID") %>',1)"/ >
<asp:LinkButton ID="lkBtnDelete" runat="server"
OnClientClick='javascritp:return confirm("确定要删除这条公告吗?");'
onclick="lkBtnDelete_Click" >删除</asp:LinkButton>
</nobr>
</div>
</ItemTemplate>
</asp:TemplateField>
</Columns>
</asp:GridView>
</td>
</tr>
</table>
//如下是后台得到所选项的ID代码:
string bulletinId = hfBulletinID.Value;
string[] bulletinArr = bulletinId.Split(new char[] { ';' });//转换为数据
$('#<%=hfBulletinID.ClientID %>').val(tempText);
hfBulletinID 这是哪里来的?在页面放一个HiddenField,保存从JS获取的事要 删除的项的ID。
[ 资料来源:http://www.cnblogs.com/vihone/archive/2010/07/01/1768783.html]
.判断字符串是否为空 |
/**判断是否为空*/
function isEmpty(str){
if(str==''||str==null){
return true;
}else{
return false;
}
}