要在js里面去后台获取节点数据,所有我用了ajax,但是是同步的不是异步的,json数据的格式[{id:’1’,pid:’0’,name:’1’},…………]。主页面index.jsp. 我只说js代码,剩下的我相信大家能领会的看代码
创新互联公司于2013年开始,是专业互联网技术服务公司,拥有项目成都网站建设、做网站网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元河北做网站,已为上家服务,为河北各地企业和个人服务,联系电话:13518219792
1 var zTreeObj;
2 var zNodes;
3 var setting = {
4 check: {
5 enable: true,
6 chkStyle:"checkbox"
7 },
8 data: {
9 simpleData: {
10 enable: true
11 }
12 }
13 };
比如设置table的id为tab
var
trHTML
=
"..."
$("#tab").append(trHTML);//在table最后面添加一行
$("#tab
tr:eq(2)").after(trHTML);
//
在table的第3行后面添加一行
这样就可以进行动态的添加行了,至于你是通过什么事件来动态添加那就看你自己的意思了,通过button或者div之类的点击事件添加,只要把上面的两行代码放进去就ok,注意,要把var
trHTML那行代码放进添加事件里面,不然不管点击多少下,都只能添加一行
$(function()
{
$(":button").click(function()
{
var
tr
=
"new";
//$("table").append(tr);
$("table
tr:eq(2)").after(tr);
});
});
这是我测试用的代码,你可以运行看看
ajax到后台获取时实数据,然后用JavaScript计算,一般项目考虑到安全性一般都是后台计算的,直接把值返回前台,然后js处理
触发获取动态数据的方法
获取动态数据list
清除select下面所有的选项
把获取的数据append到select下面
$('#id).change(function(){
var val = this.value;
document.getElementById("selectId").options.length = 0;
if(val != null val != ''){
$.post(url, {"temp": val}, function(data){
if(data != null data.length 0){
for(var i=0; idata.length; i++){
var o = data[i];
$("#selectId").append("option value='"+o[0]+"'"+o[1]+"/option");
}
}
$("#selectId").selectmenu('refresh', true);//jqm 是动态加载的css 所以新增元素后 需要手动加载样式
});
}
});
$("button").live("click",function(){
$("p").slideToggle();
});
live() 方法为被选元素附加一个或多个事件处理程序,并规定当这些事件发生时运行的函数。
通过 live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素)。
语法
$(selector).live(event,data,function)
参数
event 必需。规定附加到元素的一个或多个事件。
由空格分隔多个事件。必须是有效的事件。
data 可选。规定传递到该函数的额外数据。
function 必需。规定当事件发生时运行的函数。
当然可以了。。。给你一个思路。
var dongtai='从服务器获取';
$("#a").append('div id=\''+dongtai+'\' /div');
需要操作的时候
$("#"+dongtai)就可以获取了
名称栏目:jquery动态数据,jquery获取动态生成的元素
链接URL:https://www.cdcxhl.com/article22/dsdjgcc.html
成都网站建设公司_创新互联,为您提供外贸建站、网站导航、定制开发、手机网站建设、服务器托管、商城网站
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联