文档介绍:Jquery+js在页面中的使用
这周更多的是在页面中尝试使用jquery和js丰富页面内容,增加页面用户体验。
目标:在文章列表页中增加添加新文章,列表内容折叠,批量编辑,单个编辑,批量删除,搜索,各个字段排序等。
点击“添加文章”,出现添加文章表单,点X关闭表单;
使用jquery:
$("#add_news").click(function(){ //当点击id=add_news的div
$("#news_form").show();//id=news_form的div显示
});
$("#news_x").click(function(){//当点击id= news_x的div
$("#news_form").hide();//id=news_form的div隐藏
});
单个新闻编辑:点击“编辑”,出现表单并把该相关新闻信息赋值进去;
使用js函数:
onclick='news_edit({$},"{$}","{$}","{$}","{$}")'
点击事件,将诸多参数传进news_edit函数,news_edit函数:
function news_edit(id,title,cate_id,display,ding){
("news_form").= 'block';//显示news_form编辑表单
=id;//赋值id
=title; //赋值新闻标题
for(var i=0;i<;i++)
{
if([i].value == cate_id)
{
[i].selected = true;
break; //循环表单控件select,通过value与cate_id使新闻分类选中该类别
}
}
if(display==0){[0].checked = true;}else {[1].checked = true;};//更改单选控件radio
if(ding==0){[0].checked = true;}else {[1].checked = true;}
content=("news_"+id+"_content").innerHTML;
//由于内容部分含诸多html,不使用参数传导,采用取特定div赋值方法
('new_add_content', content);
//将新闻内容赋值进ke编辑器(得使用ke给定的方法)