后台动态生成文章名,前台js实现点文章名进入指定文章,打通前台与后台的操作。
2012-12-20 09:12
447 查看
想实现的效果就是动态生成数据,例如每一篇博客的文章名动态生成,然后点击博客名能进入指定的文章。
知识有限,未学GridView的数据绑定控件,只能用现有的知识实现。
后台提取数据放到指定的table中,显示在页面上,然后再点击页面的文章题目进入到文章内容,但是table是动态生成,所以后台不能用id调用,只能用js才能访问到,
动态提取数据放到table请看我的另一篇文章《用table,js实现web动态取数据并实现分页效果》
每个table存储一个文章的简单信息,例如包括文章名作者还有简单的内容展示,即像csdn的文章页面。后台将数据的总条数赋值给Button1,前台用js为每个table添加点击事件,而每个事件都会触法页面上一个button的点击事件,而button可以控制后台程序,button的功能就是讲页面TextBox的text值传给Session,并跳转页面,在新的页面去的session中保存的id值,查询数据库并返回,
总体过程 打通前台后台
后台动态生成table-------前台为table动态添加事件---事件功能是改变页面上TextBox的Text的值并且触法页面上Button的点击事件-----button的功能是将Text的值赋值给Session----- 在新页面取得Session的值并查询数据库
function wenzhang() { var q2 = document.getElementById("Button1");//button的属性存储着数据库中数据的条数, var bq2 = document.getElementById("TextBox1");//改变TextBox的text的值 x = q2.defaultValue; for(var i = 1; i <= x; i++) {
var on = document.getElementById("t" + i + "");//后台每个table的id都是tx,x为数字; on.name = i.toString(); on.onclick = function xxx1() {//为每个table 添加js的点击事件 bq2.value = this.name;//this.name中存储的是激发此事件的table的name,name中存储着每条数据对应的id,并且赋值给Textbox的text document.getElementById("Button1").click();//页面文章名称不允许有button所以不能在后台动态添加事件,这里是创建了一个button,用它控制后台 } }
知识有限,未学GridView的数据绑定控件,只能用现有的知识实现。
后台提取数据放到指定的table中,显示在页面上,然后再点击页面的文章题目进入到文章内容,但是table是动态生成,所以后台不能用id调用,只能用js才能访问到,
动态提取数据放到table请看我的另一篇文章《用table,js实现web动态取数据并实现分页效果》
每个table存储一个文章的简单信息,例如包括文章名作者还有简单的内容展示,即像csdn的文章页面。后台将数据的总条数赋值给Button1,前台用js为每个table添加点击事件,而每个事件都会触法页面上一个button的点击事件,而button可以控制后台程序,button的功能就是讲页面TextBox的text值传给Session,并跳转页面,在新的页面去的session中保存的id值,查询数据库并返回,
总体过程 打通前台后台
后台动态生成table-------前台为table动态添加事件---事件功能是改变页面上TextBox的Text的值并且触法页面上Button的点击事件-----button的功能是将Text的值赋值给Session----- 在新页面取得Session的值并查询数据库
function wenzhang() { var q2 = document.getElementById("Button1");//button的属性存储着数据库中数据的条数, var bq2 = document.getElementById("TextBox1");//改变TextBox的text的值 x = q2.defaultValue; for(var i = 1; i <= x; i++) {
var on = document.getElementById("t" + i + "");//后台每个table的id都是tx,x为数字; on.name = i.toString(); on.onclick = function xxx1() {//为每个table 添加js的点击事件 bq2.value = this.name;//this.name中存储的是激发此事件的table的name,name中存储着每条数据对应的id,并且赋值给Textbox的text document.getElementById("Button1").click();//页面文章名称不允许有button所以不能在后台动态添加事件,这里是创建了一个button,用它控制后台 } }
相关文章推荐
- 后台动态生成文章名,前台js实现点文章名进入指定文章,打通前台与后台的操作。
- js实现前台动态添加文本框,后台获取文本框内容
- js实现前台动态添加文本框,后台获取文本框内容
- 利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)
- js动态生成Html元素实现Post操作(createElement)
- js动态生成Html元素实现Post操作(createElement)
- JS前台加密,java后台解密实现
- 不用AJAX实现前台JS调用后台C#方法(小技巧)
- JS实现全选,用于界面批量操作向后台传值时使用
- js实现生成一个指定长度为n且随机不重复的数组
- 不用AJAX实现前台JS调用后台C#方法
- JS 排序输出实现table行号自增前端动态生成的tr
- asp.net对cookie的操作(前台js和后台c#代码)
- 利用sender的Parent获取GridView中的当前行 不用AJAX实现前台JS调用后台C#方法(小技巧) AjaxControlToolkit的CalendarExtender的本地化
- .net下不用AJAX实现前台JS调用后台C#方法
- 万能js实现翻页,动态生成内容自动翻页,兼容各种浏览器(已测试)----神器版!
- JS实现BASE64加密解密-后台加密前台解密案例分析
- JS实现加密以及cookie保存(不经过后台,直接在页面操作)