td | 易学教程

ArrayList遍历

阅读更多关于 ArrayList遍历

遍历ArrayList: ArrayList tableHead = new ArrayList(); tableHead = ReportsProcess.TableHead(baoBiaoXinXi, LabelZhuJian.Text.Trim()); // 遍历ArrayList foreach (object obj in tableHead) { Response.Write(obj.ToString()); } /// <summary> /// 表头设置 /// </summary> /// <param name="baoBiaoXinXi">报表信息表</param> /// <param name="sn">报表主键</param> /// <returns></returns> public static ArrayList TableHead(string baoBiaoXinXi, string sn) { ArrayList tableHead = new ArrayList(); String conn = OracleHelper.DatabaseConnStr; String queryBiaoTou = "SELECT * FROM " + baoBiaoXinXi + " WHERE SN='" + sn+ "' ";

jsp实现checkbox选择

阅读更多关于 jsp实现checkbox选择

贴起来每次写麻烦 <td colspan="4"> @Html.Hidden("hidcuidlist") <input type="hidden" style="border: 0px; width: 300px" id="hidcuidnamelist" value="" /> </td> </tr> </table> <table> <tr> <td> <input id='CK' type='checkbox' onclick='CheckAll(this)' /> </td> <td> 全部 </td> </tr> <tr> @foreach (var item in Model) { <td> <input type="checkbox" name="cks" id="@item.CID" title="@item.ChannelName" onclick="SetCUText();"/> </td> <td> @item.ChannelName </td> } </tr> </table> js代码： <script type="text/javascript"> function Validatetonum(value) { return value.replace(/[^\d|^\.]/g, ''); ; } //CheckAll全选 function

记账本开发记录——第五天（2020.1.22）

阅读更多关于记账本开发记录——第五天（2020.1.22）

今天继续学习了javascript的相关内容,同时学习了关于表格标签的一些新标签。首先，学习了如何使表格隔行换色。整体的思路不算复杂，用java里的思路就可以大致理解，以下是效果和代码： 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>表格隔行换色</title> 6 <script> 7 window.onload = function(){ 8 //1.获取表格 9 var tblEle = document.getElementById("tbl"); 10 //2.获取表格中tbody里面的行数(长度) 11 var len = tblEle.tBodies[0].rows.length; 12 // alert(len); 13 // 3.对tbody里面的行进行遍历 14 for(var i=0;i<len;i++){ 15 if(i%2==0){ 16 //4.对偶数行设置背景颜色 17 tblEle.tBodies[0].rows[i].style.backgroundColor="pink"; 18 } 19 else{ 20 //5.对奇数行设置背景颜色 21 tblEle.tBodies[0].rows[i].style.backgroundColor="gold";

将JSON数组显示前台Table中

阅读更多关于将JSON数组显示前台Table中

将JSON数组显示前台Table中在最近的学习中遇到一个小问题，如何把JSON数组显示在前台的table中，经过一番借鉴和学习之后终于解决了这个问题。具体的代码如下：（前提：利用ajax获取过来的JSON字符串必须是规范的，这样才能解析正确。后台获取数据库中数据的代码省略了） 1、前台JS代码（使用之前引入JQuery的js库文件） $.ajax({ type: "GET" , url: "UserList.ashx?Action=List" ,//利用ajax请求后台的并返回值 // data: "json" , success: function (result) {//result为后台返回的值,是json字符串的形式 // alert(result); var obj = JSON.parse(result);//解析json字符串为json对象形式 var trStr = '' ;//动态拼接table // var html = '' ; for ( var i = 0; i < obj.length; i ) {//循环遍历出json对象中的每一个数据并显示在对应的td中 trStr = '<tr class="example">' ;//拼接处规范的表格形式 trStr = '<td width="15%" style="display:none" id=

jquery拖拽排序，针对后台列表table进行拖拽排序（超实用！）

阅读更多关于 jquery拖拽排序，针对后台列表table进行拖拽排序（超实用！）

现在很多后台列表为了方便均使用拖拽排序的功能，对列表进行随意的排序。话不多说，我在网上找了一些demo，经过对比，现在把方便实用的一个demo列出来，基于jqueryUI.js 先上html代码，很简单： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>jqueryUI拖动</title> </head> <script src="js/jquery-1.11.0.min.js"></script> <script src="js/jquery-ui.min.js"></script> <style> tr{cursor: pointer;} </style> <body> <table id="sort"> <thead> <tr> <th class="index">序号</th> <th>年份</th> <th>标题</th> <th>作者</th> </tr> </thead> <tbody> <tr> <td class="index">1</td> <td>2014</td> <td>这是第1个</td> <td>阿斯蒂芬阿斯蒂芬</td> </tr> <tr> <td class="index">2</td> <td>2015</td> <td>这是第2个</td> <td

HTML基础知识

阅读更多关于 HTML基础知识

HTML（Hypertext Markup Language）表示超文本标记语言，是目前网络上使用最多的语言，也是网页语言的主体。 HTML的基本结构： <!DOCTYPE HTML> <html> <head> <title>这里是标题</title> </head> <body> <h1>制作我的第一个网页</h1> </body> </html> 须知：html中标签通常是成对出现的，标签中可以是小写或大写，但一般提倡小写，标签可以添加属性，如<a href=”#” style=”color:red”></a>。 HTML的基本元素： <p>:段落标签 <br>:换行，空标签 <hr>:分割线，空标签 <hx>(x=1~6):标题，字号依次变小 <i>:定义斜体字 <b>:定义粗体字 <em>:斜体字 <strong>:加强强调语气 <ul>和<ol>:无序列表和有序列表,与<li>结合使用 <img>:图片标签 <a>:超链接 <font>:字体标签锚点：<a href=”#lable”>跳转到锚点一</a> <a name=”lable”>锚点一</a> 图像热区：<img src=”URL” usename=”#map名称”/> <map name=”name名称> <area shape=”形状” coords=”坐标值” href=”URL”/> </map>

详解HTML中的表格标签

阅读更多关于详解HTML中的表格标签

详细代码如下： <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>表格制作</title> </head> <body> <table bgcolor="black" width="500px"> <caption style="bold">学生信息</caption> <thead> <tr bgcolor="#a9a9a9" height="50px"> <th>姓名</th> <th>年龄</th> <th>学校</th> <th>考试成绩</th> <th>喜欢水果</th> <th>经常上的网站</th> </tr> </thead> <tbody> <tr bgcolor="white" align="center" height="30px"> <td align="left">张三</td> <td>22</td> <td>西安工业大学</td> <td>87</td> <td>桃子</td> <td> <a href="http://www.baidu.com/">百度 </a> <a href="http://www.sina.com/">新浪</a> </td> </tr> <tr bgcolor=

Vue -知识整合

阅读更多关于 Vue -知识整合

添加属性如何添加给vue绑定动态的属性第一种利用三目运算符 < tr v - for = "(item,index) in datalist" : key = "item.id" @click = "selected(index)" : class = "{success:item.selected}" : class = item . selected ? success : "" > < td > < input type = "checkbox" v - model = "item.selected" > < / td > < td > { { index + 1 } } < / td > 第二种属性里边写判定表达式 < tr : key = "item.id" @click = "selected(index)" : class = "{success:item.selected}" > < td > < input type = "checkbox" v - model = "item.selected" > < / td > < td > { { index + 1 } } < / td > < tr / > 来源： CSDN 作者：骆小骆链接： https://blog.csdn.net/weixin_42216818/article/details

vue使用案例，vue初始化，vue初始化方法，vue条件语句，vue在js里面添加元素调用vue方法

阅读更多关于 vue使用案例，vue初始化，vue初始化方法，vue条件语句，vue在js里面添加元素调用vue方法

<div id="main" > <button id='but1' type="button" v-on:click="save" v-on:mouseout="seout('but1')" v-on:mouseover="seover('but1')"> {{button}} </button> </div> let vue= new Vue({ el:'#main', data: { text1: '乘客网约订单超时取消时间(分):', text2: '乘客流水班线订单超时取消时间(分):', input1: '', input2: '', button:'保存', th7:'创建时间', th8:'操作', trs:'<td colspan=\"8\">暂无数据</td>' }, //用于数据初始化 created:function(){ }, methods: { seover: function (a) { $("#"+a).css("background-color","#3399ff"); }, seout: function (a) { $("#"+a).css("background-color","#1C86EE"); }, save:function (){ if(!this.input1 || !this.input2 || !this.input3 ||

滑出式网页导航菜单

阅读更多关于滑出式网页导航菜单

代码如下:  <html> <head>  <style> body,td,a {font-size:9pt;color:black;text-decoration:none} .normal {padding:2px} .up {padding:1px;border:#999999 1px solid;background:#cccccc} .down {padding:1px;border:dbdbdb 1px solid;background:dbdbdb} .menuv {filter: revealTrans(transition=23,duration=0.5);padding:2px} </style> </head>  <body onMouseMove="move()"

订阅 td