<script language="javascript" type="text/javascript">

var setting = {
view: {
dblClickExpand: false
},
data: {
simpleData: {
enable: true
}
},
callback: {
beforeClick: beforeClick,
onClick: onClick,
onDblClick: zTreeOnDblClick

}
};


var zNodes = '<%= seriesData.ToString() %>';获得josn格式的字符串
zNodes= eval('(' + zNodes + ')'); //或者$.paseJosn(zNodes);将josn格式的字符串转换成josn对象


function beforeClick(treeId, treeNode) {
var check = (treeNode && !treeNode.isParent);

if (!check) alert("只能选择城市...");
return check;
}

function onClick(e, treeId, treeNode) {
var zTree = $.fn.zTree.getZTreeObj("treeDemo"),
nodes = zTree.getSelectedNodes(),
v = "";
nodes.sort(function compare(a, b) { return a.id - b.id; });
for (var i = 0, l = nodes.length; i < l; i++) {
v += nodes[i].id + ",";
}
if (v.length > 0) v = v.substring(0, v.length - 1);
var cityObj = $("#txtAREA_CODE");

cityObj.attr("value", v);

s = "";
nodes.sort(function compare(a, b) { return a.id - b.id; });
for (var i = 0, l = nodes.length; i < l; i++) {
s += nodes[i].name + ",";
}
if (s.length > 0) s = s.substring(0, s.length - 1);
var cityObj1 = $("#citySel");

cityObj1.attr("value", s);
}

function zTreeOnDblClick(event, treeId, treeNode) {
hideMenu();
};


function showMenu() {
var cityObj = $("#citySel");
var cityOffset = $("#citySel").offset();
$("#menuContent").css({ left: cityOffset.left + "px", top: cityOffset.top + cityObj.outerHeight() + "px" }).slideDown("fast");

$("body").bind("mousedown", onBodyDown);
}
function hideMenu() {
$("#menuContent").fadeOut("fast");
$("body").unbind("mousedown", onBodyDown);
}
function onBodyDown(event) {
if (!(event.target.id == "citySel" || event.target.id == "menuContent" || $(event.target).parents("#menuContent").length > 0)) {
hideMenu();
}
}

$(document).ready(function() {
$.get
$.fn.zTree.init($("#treeDemo"), setting, zNodes);

});
</script>

<div id="menuContent" style="display:none; position: absolute;">
<ul id="treeDemo" class="ztree" style="margin-top:0; width:160px;"></ul>
</div>

<div>

<tr>

<td width="15%" align="right" bgcolor="#EFF9FE">
行政区域:
</td>
<td width="34%">
<asp:TextBox ID="txtAREA_CODE" runat="server" style="display:none" ></asp:TextBox>//存放code
<input id="citySel" type="text" style="width:250px" onclick="showMenu(); return false;" />存放name

</td>

</tr>

</div>

后台:

protected StringBuilder seriesData = new StringBuilder();//声明变量

IList<Area_CodeInfo> areas = Area_CodeBLL.GetListByQuery(" where code <>'34' ");
seriesData.Append("[");
foreach(Area_CodeInfo area in areas)
{
seriesData.Append("{");
seriesData.Append("\"id\":" + area.code);
seriesData.Append(",");
seriesData.Append("\"pId\":" + area.parentcode);
seriesData.Append(",");
seriesData.Append("\"name\":\"" + area.name+"\"");
seriesData.Append("},");


}
seriesData.Remove(seriesData.Length - 1, 1);
seriesData.Append("]");

优质内容筛选与推荐>>
1、SVN分支/主干Merge操作小记
2、xss challenge 解题思路(8-18)
3、Codeforces Round #502 (in memory of Leopoldo Taravilse, Div. 1 + Div. 2)
4、[拾 得] zip gzip bzip2 & tar 压缩/打包 四大金刚
5、iExcel插件版本更新信息


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号