获取到listview的index后如何读取对应数据库中该条索引对应的内容Asp.net

获取到listview的index后如何读取对应数据库中该条索引对应的内容Asp.net,第1张

首先  初始化ListView

              thislistView1ColumnsAdd("姓名", 60, HorizontalAlignmentRight);

thislistView1ColumnsAdd("性别", 60, HorizontalAlignmentRight);

            thislistView1ColumnsAdd("电话", 60, HorizontalAlignmentRight);

            thislistView1ColumnsAdd("地址", 60, HorizontalAlignmentRight);

然后  添加数据

 ListViewItem li = new ListViewItem();

            liSubItemsAdd(文本框1的内容 比如 textBox1Text);

                liSubItemsAdd(文本框的内容);

                liSubItemsAdd(文本框的内容);//注有几项 就添加几列

                thislistView1ItemsAdd(li);  

如果是数据库添加,还相应的去修改添加数据库i,这个自己搞定

接下来  重点帮你弄下 选中一行  显示在文本框中的代码:

     private void listView1_SelectedIndexChanged(object sender, EventArgs e)

        {

 

            if (listView1SelectedIndicesCount > 0)

            {

                int index = listView1SelectedIndices[0];//获取当前选中项的内容索引

                //开始显示  文本框 对应 自己看着对应就可以了

                TextBox1text = thislistView1Items[index]SubItems[0]Text;//选中当前项的第一列

                TextBox2text = thislistView1Items[index]SubItems[1]Text;//选中当前项的第二列

                TextBox3text = thislistView1Items[index]SubItems[2]Text;//选中当前项的第三列

                TextBox4text = thislistView1Items[index]SubItems[3]Text;//选中当前项的第四列

                TextBox5text = thislistView1Items[index]SubItems[4]Text;//选中当前项的第五列

                TextBox6text = thislistView1Items[index]SubItems[5]Text;//选中当前项的第六列

                TextBox7text = thislistView1Items[index]SubItems[6]Text;//选中当前项的第七列

                TextBox8text = thislistView1Items[index]SubItems[7]Text;//选中当前项的第八列

            }

        }

jQuery 的 index() 方法返回指定元素相对于其他指定元素的索引值,注意:索引值是从0开始计数的。获得当前元素的索引值可用click事件触发

示例代码如下:获取被点击的a标签的索引值

1,创建Html元素

2,设置css样式

3,编写jquery代码

4,观察效果:因为index从0开始计数,所以点击第三个元素,获取的索引值是2

扩展资料

jQuery的核心特性:

1,具有独特的链式语法和短小清晰的多功能接口;

2,具有高效灵活的css选择器,并且可对CSS选择器进行扩展;

3,拥有便捷的插件扩展机制和丰富的插件。

4,jQuery兼容各种主流浏览器,如IE 60+、FF 15+、Safari 20+、Opera 90+等。

参考资料:

jQuery - 百度百科

getElementsByTagName返回的是数组,所以应该是使用;

documentgetElementById("ul")getElementsByTagName("li")[0]getElementsByTagName("a")[0];

这样就是获取第一个li里面的第一个a元素,建议使用循环。

一个简单的参考例子:

var oA=documentgetElementById('ul')getElementsByTagName('a');

//只需获取a对象;

var i;

for(i=0;i,oAlength;i++){

oA[i]index=i;

oA[i]onclick=function(){

alert(thisinnerHTML);

return false;//阻止事件冒泡;

}//简单的鼠标点击事件

}

<ul>

    <li>第1个</li>

    <li>第2个</li>

    <li>第3个</li>

    <li>第4个</li>

</ul>使用eq选择器获取

语法:$(":eq(index)") index值从0开始。

获取第二个 $("ul li:eq(1)")

获取第三个 $("ul li:eq(2)")

jquery 还有很多有趣的选择器,可百度“jquery选择器大全”查看资料

引用方式错误,参考下面:

var ul = $("sss li");

ulclick(function(){           

    var str = $(this)attr("data");

    // alert(str);  

    inputval(str);

});

你在click使用的是ul对象,而 ul = $("sss li");  是一个Jq的筛选集合

所以 var str = ulattr("data");每次默认选第一个

var str = $(this)attr("data"); 表示选取当前点击的(this)li的data属性

整体思路:可以用for循环去遍历<ul>下的所有<li>;然后对比鼠标悬浮时对应的li元素,输出当前的i,也就是对应li的下标。

html代码部分:

新建一个ul无序列表,并赋予id值,如:

<ul class="UL" id="UL">

<li>1111111</li>

<li>2222222</li>

<li>3333333</li>

<li>4444444</li>

</ul>

css部分:

接下来是对无序列表做一下简单的样式,便于后期测试悬浮效果;给li设置一下宽度以及设置一下边框,如:

UL{display:block; width:100px; text-align:center; margin:20px auto;}

UL li{display:block; line-height:30px; cursor:pointer; border:1px dashed red;}

最后是JS代码部分:

//定义ul的悬浮函数

documentgetElementById("UL")onmouseover = function(e){

var target = etarget;    //获取对应目标元素

var children = thischildren;    //获取ul里面的所有li元素集合

for(i = 0;i<childrenlength;i++){

if(target == children[i]) { //对比目标元素和li集合元素

     alert("目标元素的下标为:" + i);    //输出目标元素的下标

return;

}

}

};

最后用浏览器打开该html文件,鼠标悬浮到li上面的时候,就会输出对应li的下标,比如鼠标覆盖在第3个li上面,即 <li>3333333</li>上面时,效果图如下:

以上就是关于获取到listview的index后如何读取对应数据库中该条索引对应的内容Asp.net全部的内容,包括:获取到listview的index后如何读取对应数据库中该条索引对应的内容Asp.net、jquery中怎么获得当前元素的索引值、怎么获取ul内li里面a 元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/9389911.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-27
下一篇 2023-04-27

发表评论

登录后才能评论

评论列表(0条)

保存