AreaCtrl 类最多有3个参数,如上例的”省份”,”城市”,”地区”,这里的文字是下拉框左边的文字,如果只写1或2个参数,那么控件也只输出省份或省市联动。比如 new AreaCtrl(“省份”,”城市”),那么只有2个下拉框,地址精确到城市。

 演示地址:

<script type=”text/javascript”>
var selectVa2 = new CitySelect({
data: data,
provId: “#prov5”,
cityId: ‘#city5’,
areaId: ‘#area5’,
isSelect: true
});
</script>

属性:

images集合(页面中的图象)

<script src=”@Url.Content(“~/Themes/Admin/JS/jquery-1.4.4.min.js”)”
type=”text/javascript”></script>

name
定义控件名称。值必须是数组类型,比如 [“Province”,”City”,”Area”],将会给3个下拉框定义其name属性,分别为Province,City,Area。 
value
初始化控件的默认值。其值必须是地区编码数字,比如广东的编码是 440000,深圳的编码是440300 
方法:

document.body.link //未点击过的链接颜色

<script src=”@Url.Content(“/Themes/Admin/JS/city2.js”)”
type=”text/javascript”></script>
<script src=”@Url.Content(“/Themes/Admin/JS/citySelect2.js”)”
type=”text/javascript”></script>

<script type=”text/javascript”>
 var area = new AreaCtrl(“省份:”,”城市:”,”地区:”);
 area.write();
</script>

 

1.视图代码

write
areaObject.write()
输出控件。输出的位置根据此语句的位置而定。 
writeIn
areaObject.writeIn( node [ ,append ] )
输出控件。输出的位置指定节点而定,node可以是id号,也可以是结构节点。
append 为布尔类型值,默认为false。当为true时,控件将在指定的位置续写。

document.getElementId(”oDiv”).display=”none”

2.JS调用

area 有2个属性,2个方法。

 应用说明:页面包含<script type=”text/javascript”
src=”PCASClass.js”></script>

js插件下载地址:

scripttype=”text/javascript”
vararea=newAreaCtrl(“省份:”,”城市:”,”地区:”); area.write(); /s…

 下载地址:

3.引入的js

area.js

document.getElementId(”oDiv”).style=””

<select class=”prov” id=”prov5″ name=”Province”
data-code=”@Model.Province”>
</select>
<select class=”city” id=”city5″ name=”City”
data-code=”@Model.City”>
</select>
<select class=”dist” id=”area5″ name=”Area”
data-code=”@Model.Area”>
</select>
@Html.HiddenFor(m => m.Province)
@Html.HiddenFor(m => m.City)
@Html.HiddenFor(m => m.Area)

所有的地址数据都放在js文件里面,调用该控件的方法很简单:

<div>请选中这里的部分文字。</div>

4.js插件下载地址

———————————————————————

document.cookie //设置和读出cookie

<!–

/*document.all表示document中所有对象的集合

document.images[0] //第1个img标签

 

document.body.onmouseover=”func()” //鼠标指针移到对象时触发

    document.selection.empty();

只有ie支持此属性,因此也用来判断浏览器的种类*/

new PCAS(“Province”,”City”)

document.fileCreatedDate //文件建立日期,只读属性

document.title //设置文档标题等价于HTML的title标签

var oImage

document.bgColor //设置页面背景色

document.images.oImage //document.images.name属性

document.forms[i].target //对应/formform target>属性

document.body.onclick=”func()” //鼠标指针单击对象是触发

document.forms[i].appendChild(oTag) //动态插入一个控件

document.location.hash // #号后的部分

document.getElementById(”ID”).outerHTML //同innerHTML

 制作时间:2005-12-30

document.createElement(Tag) //创建一个html标签对象

document.all.oDiv.style.display=”none” //图层设置为隐藏

function Foo()

img name=”oImage”

new PCAS(“Province”,”City”,”Area”,”吉林省”)

document.getElementId(”oDiv”) //通过getElementId引用对象

b)通过name属性直接引用

new PCAS(“Province”,”City”,”Area”)

———————————————————————-

document.body.vlink //已点击过的链接颜色

forms集合(页面中的表单)

selection-选区子对象

document.fgColor //设置前景色(文本颜色)

document.location.pathname // 目录部分

document.body.background //背景图片

document.body.onmouseout=”func()” //鼠标指针移出对象时触发

document.Myform.myctrl //document.表单名.控件名

document.location.reload(URL) //打开新的网页

document.getElementById(”ID”).outerText //同innerText

这些好像都是只有在IE下才能实现。。

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注