.net开发中经常会使用到的一些功能,有些时候不弄就容易记混了或者忘了,现在都在这里做个记录
一.DropDownList
1.后台部分
- ddlDepart.DataTextField = "s_CName"; 指定文本域绑定的值
- ddlDepart.DataValueField = "n_KeyID"; 指定value域绑定的值
- ddlDepart.Items.Clear(); 清空下拉框
- ddlDepart.DataSource = result; 指定Datasource
- ddlDepart.DataBind(); 绑定下拉框
- ddlDepart.Items.Insert(0, new ListItem("", "")); 添加一个元素
- ddlDepart.SelectedValue 和 ddlDepart.SelectedItem.Value 两种写法一样,都是获得选定元素的Value
- ddlDepart.SelectedValue="值"; 下拉框会直接选中value为"值"的选项(不用遍历)
- foreach (ListItem aItem in ddlDepart.Items) 遍历下拉框的里元素
{
if(aItem.Value.Equal("xxx")){}
}
- ddlDepart.ClearSelection(); 这个函数经常用在在对DDL控件时行绑定后,再插入一条新的值。如:
ddlDepart.DataSource = PCBO.GetProjectList(ps);//传加IList
ddlDepart.DataTextField = "ProjectName";
ddlDepart.DataValueField = "ProjectGuid";
ddlDepart.DataBind();
ddlDepart.Items.Insert(0,new ListItem("--请选择--",0));
则,在代码解析时,会默认把刚才插入的那条下拉选项设为"已选择"。这时你要想在代码中重新选择默认选择的话,会报错误:不能在 DropDownList 中选择多个项。这个时候加上这个红色的方法就可以了
-
则,在代码解析时,会默认把刚才插入的那条下拉选项设为"已选择"。这时你要想在代码中重新选择默认选择的话,会报错误:不能在 DropDownList 中选择多个项。
2.前台部分
1. 重置DropDownList,有两种写法
- $("#ddlPerformance")[0].selectedIndex = 0;
- $("#ddlPatentType option:first").attr('selected','true');
- 为什么是[0]一直不明白
2.给DropDownList绑定点击下拉框事件
$("#ddlCountry").change(function () {
//获取所选的元素,这里获取的是下拉框的value值
var selectItem = $(this).val();
//这里不用加引号
if (selectItem == "1")
{
}
else{
}
});
3.获取dropDownList的值,文本,索引
1.获取值 var selectValue = $(this).val();
2.获取文本 var selectText = $(this).text(); //此处测试一直有问题,显示为所有的dropDownList的text值,不知道为什么
3.获取索引 var selectIndex=$(this)[0].selectedIndex;注意Jquery中关于索引的部分没弄明白,所以暂时使用JS的的获取和设置索引的方法,这里就需要先把jquery对象转化为js对象
4.通过value的值来设置选中哪一个下拉框
$("#ddlCountry").val("1");
5.通过index的值来设置选中哪一个下拉框
$("#ddlCountry")[0].selectedIndex=2;
二.RadioButtonList
1.后台部分
foreach (ListItem aItem in rblScope.Items) //遍历所有元素,与DropDownList相同
{
if (aItem.Value.Equals(tscBasicInfo.s_RightScope))
{
aItem.Selected = true;
break;
}
}
三.CheckBoxList
四.radio,check select的事件
这三个控件,radio,check的选择都是onclick()事件,select的选择是onchange()事件
五.JQuery部分
1).$(document).ready函数
对这个函数,我现在的理解就是,1.它比较快,是在dom树加载成功后就可以调用,缺点是可能会出现与元素关联的关联文件还没有下载成功就调用了
2.这个函数是可以追加的,这里1是一个网页有多个$(document).ready 2是一个网页有多个js文件,每个js文件都有$(document).ready函数,此时写在这里的函数是追加而不是覆盖。
3.简写 写法1:$(document).ready(function(){}) 写法2: $(function(){}) 写法3:$().ready(function(){}) 第二种写法常用一些
2).<p style="color: red;">This is another paragraph.</p>
此时,改变p标签的style需要使用$("p").css("color","blue");
或者是$("p").attr("style", "color:blue");