效果图
实现步骤:
1.在build.gradle文件中加入recyclerView库
2.在main.xml中使用recyclerView布局
3.滚动列表中的每一项对应一个对象,他们属于同一类的实例。接着定义实体类,我做的是歌单列表,定义序号,名字和时长
4.设计列表项的样式
4.使用适配器为列表项设置显示的数据
4.1定义适配器的内部类与列表项绑定
4.2适配器继承自recyclerView.Adapter,要重写三个方法,创建列表项视图,复用加载,获取列表项数量,到这一步,循环列表已经可以实现滚动效果了。
5.为列表项添加点击监听事件,使用接口回调
5.1仍然是在适配器中,定义接口
5.2在onBindViewHolder中为列表项设置监听
5.3在MainActivity中使用,实现onclick方法
你最终的目的应该是想在input按钮上加入点击事件吧,点击后将input的值写入cookie吧,这样
的话,给tr加事件是没有意义的,下面的代码在不引用任何构架的前提下实现的,没有使用jquery
也没有使用ExtJS,相对比较麻烦些,希望你能看懂,如果用jquery的话,更简单了,这里就不写了
function writeCookie(name, value) {// 写入cookie的代码你自己去实现
}
var rows = new Array() // 这个表格行的数组你自己组织吧,我这里只是定义一个简单的js数组,你可以从后台取这个值
// 先生成HTML代码,输出到网页上,这样才用JS绑定事件
var strHTML = ''
for(var i=0 i<rows.length i++) {
strHTML='<tr>' +
'<td><input id='btn_" + i + "' type="hidden" value='" + rows[i].id + "' /></td>' +
'<td>无关紧要的内容</td>' +
'</tr>'
}
document.writeln(strHTML)
// 绑定事件
for (var i=0 i<rows.length i++) {
var btnName = 'btn_' + i
var e = document.getElementById(btnName) // 循环取出每个按钮对象
var value = e.value // 取出按钮的值
e.onclick = function() {
writeCookie(btnName, value) // 以btnName作为键名,将按钮的值写入cookie
}
}
$("."+data[i].ids+"").bind("click", function(){$(this).data('divname',''+data[i].ids)
alert($(this).data('divname'))
} )
这个是在这个div上绑定了一个数据
对了 报错内容发一下
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)