DataList嵌套，分页，点击父DataList标题在子DataList显示相关的内容，点击子DataList标题显示主要内容.

这里例子结合了DataList的分页和嵌套，还有点击显示相对内容的关联。
DataList嵌套，分页，点击父DataList标题在子DataList显示相关的内容，点击子DataList标题显示主要内容.
HTML代码：
<%@ Page language="c#" Codebehind="DataListNews.aspx.cs" AutoEventWireup="false" Inherits="DataListNesting.DataListNews" %>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
<HTML>
 <HEAD>
  <title>DataList嵌套，分页，点击标题显示内容</title>
  <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
  <meta content="C#" name="CODE_LANGUAGE">
  <meta content="JavaScript" name="vs_defaultClientScript">
  <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
  <style>BODY { FONT-SIZE: 12px }
 A:link { TEXT-DECORATION: none }
 A:visited { TEXT-DECORATION: none }
  </style>
  <script language="JavaScript">
   scores = new Array(20);
   var numTotal=0;
   NS4 = (document.layers) ? 1 : 0;
   IE4 = (document.all) ? 1 : 0;
   ver4 = (NS4 || IE4) ? 1 : 0;

/*if (ver4) {
   with (document) {
       write("<STYLE TYPE='text/css'>");
       if (NS4) {
           write(".parent {position:absolute; visibility:visible}");
           write(".child {position:absolute; visibility:visible}");
           write(".regular {position:absolute; visibility:visible}")
       }
       else {
           write(".child {display:none}")
       }
       write("</STYLE>");
   }
}*/

  function getIndex(el)
  {
   ind = null;
   for (i=0; i<document.layers.length; i++)
   {
    whichEl = document.layers[i];
    if (whichEl.id == el) {
     ind = i;
     break;
    }
   }
   return ind;
  }

  function arrange()
  {
   nextY = document.layers[firstInd].pageY+document.layers[firstInd].document.height;
   for (i=firstInd+1; i<document.layers.length; i++)
   {
    whichEl = document.layers[i];
    if (whichEl.visibility != "hide")
    {
     whichEl.pageY = nextY;
     nextY += whichEl.document.height;
    }
   }
  }

  function initIt()
  {
   if (!ver4) return;
   if (NS4)
   {
    for (i=0; i<document.layers.length; i++)
    {
     whichEl = document.layers[i];
     if (whichEl.id.indexOf("Child") != -1) whichEl.visibility = "hide";
    }
    arrange();
   }
   else
   {
    divColl = document.all.tags("DIV");
    for (i=0; i<divColl.length; i++)
    {
     whichEl = divColl(i);
     if (whichEl.className == "child") whichEl.style.display = "none";
    }
   }
  }

  function expandIt(el)
  {
   if (!ver4) return;
   if (IE4)
   {
    whichEl1 = eval(el + "Child");
    for(i=0;i<=numTotal-1;i++)
    {
      whichEl = eval(scores[i] + "Child");
      if(whichEl!=whichEl1)
      {
        whichEl.style.display = "none";
      }
    }
    whichEl1 = eval(el + "Child");
    if (whichEl1.style.display == "none")
    {
     whichEl1.style.display = "block";
    }
    else
    {
     whichEl1.style.display = "none";
    }
   }
   else
   {
    whichEl = eval("document." + el + "Child");
    for(i=0;i<=numTotal-1;i++)
    {
      whichEl = eval("document." + scores[i] + "Child");
      if(whichEl!=whichEl1)
      {
        whichEl.visibility = "hide";
      }
    }
    if (whichEl.visibility == "hide")
    {
     whichEl.visibility = "show";
    }
    else
    {
     whichEl.visibility = "hide";
    }
    arrange();
   }
  }
  onload = initIt;
  </script>
 </HEAD>
 <body MS_POSITIONING="GridLayout">
  <form id="Form1" method="post" runat="server">
   <table align="center" border="1" width="90%" style="BORDER-COLLAPSE: collapse" borderColor="#cccccc">
    <tr>
     <td align="center" height="30"><font style="FONT-WEIGHT: bold; FONT-SIZE: 11pt">DataList嵌套，分页，点击标题显示内容</font></td>
    </tr>
    <TR>
     <TD style="HEIGHT: 15px" align="center"><font style="FONT-SIZE: 10pt">共</font>
      <asp:label id="lbTotalPage" runat="server"></asp:label><font style="FONT-SIZE: 10pt">页/共</font>
      <asp:label id="lbTotalCount" runat="server"></asp:label><font style="FONT-SIZE: 10pt">记录&nbsp;
       当前</font>
      <asp:label id="lbCurrentPage" runat="server"></asp:label><font style="FONT-SIZE: 10pt">页</font>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
      <font style="FONT-SIZE: 10pt">跳转到</font>
      <asp:dropdownlist id="ddlPage" runat="server" Width="65px" AutoPostBack="True"></asp:dropdownlist><font style="FONT-SIZE: 10pt">页</font></TD>
    </TR>
    <tr>
     <td align="center">
      <asp:DataList id="dlParent" runat="server" DataKeyField="ClassId" Width="70%">
       <AlternatingItemStyle Font-Size="X-Small"></AlternatingItemStyle>
       <ItemStyle Font-Size="X-Small" HorizontalAlign="Center"></ItemStyle>
       <ItemTemplate>
        <DIV id="KB1Parent" style="MARGIN-BOTTOM: 0px"><A id="aurl" onclick="expandIt('KB1');return false" href="javascript:void(0);" runat="server"><FONT style="FONT-SIZE: 14px"><%# DataBinder.Eval(Container.DataItem,"ClassName") %>
           <asp:Label id="lbCount" runat="server"></asp:Label></FONT></A></DIV>
        <DIV class="child" id="KBChild" runat="server">
         <asp:DataList id="dlChild" runat="server" ShowHeader="False" ShowFooter="False" RepeatDirection="Horizontal"
          RepeatColumns="3">
          <ItemTemplate>
           &nbsp;&nbsp;<a target=_blank href='<%# "ShowInfo.aspx?Id=" + DataBinder.Eval(Container.DataItem,"Id") %>'><FONT style="FONT-SIZE: 12px"><%# DataBinder.Eval(Container.DataItem,"Name") %></FONT></a>&nbsp;&nbsp;
          </ItemTemplate>
         </asp:DataList></DIV>
       </ItemTemplate>
      </asp:DataList>
     </td>
    </tr>
    <tr>
     <TD height="30" align="center">
      <asp:linkbutton id="FirstPage" runat="server" CssClass="pageLinks" CommandName="First" Text="[First Page]"
       OnCommand="NavigationLink_Click">
       <font style="FONT-SIZE: 10pt">第一页</font></asp:linkbutton>&nbsp;&nbsp;&nbsp;
      <asp:linkbutton id="PreviousPage" runat="server" CssClass="pageLinks" CommandName="Prev" Text="[Previous Page]"
       OnCommand="NavigationLink_Click">
       <font style="FONT-SIZE: 10pt">上一页</font></asp:linkbutton>&nbsp;&nbsp;&nbsp;
      <asp:linkbutton id="NextPage" runat="server" CssClass="pageLinks" CommandName="Next" Text="[Next Page]"
       OnCommand="NavigationLink_Click">
       <font style="FONT-SIZE: 10pt">下一页</font></asp:linkbutton>&nbsp;&nbsp;&nbsp;
      <asp:LinkButton id="LastPage" runat="server" CssClass="pageLinks" CommandName="Last" Text="[Last Page]"
       OnCommand="NavigationLink_Click">
       <font style="FONT-SIZE: 10pt">末一页</font></asp:LinkButton></TD>
    </tr>
   </table>
  </form>
 </body>
</HTML>

CS代码：

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
namespace DataListNesting
{
 /// <summary>
 /// DataListNews 的摘要说明。
 /// </summary>
 public class DataListNews : System.Web.UI.Page
 {
  protected System.Web.UI.WebControls.Label lbTotalPage;
  protected System.Web.UI.WebControls.Label lbTotalCount;
  protected System.Web.UI.WebControls.Label lbCurrentPage;
  protected System.Web.UI.WebControls.DropDownList ddlPage;
  protected System.Web.UI.WebControls.DataList dlParent;
  protected System.Web.UI.WebControls.LinkButton FirstPage;
  protected System.Web.UI.WebControls.LinkButton PreviousPage;
  protected System.Web.UI.WebControls.LinkButton NextPage;
  protected System.Web.UI.WebControls.LinkButton LastPage;
  private Int32 CurrentPageNumber=1;
  private int PageSize=5;
  private string strConn="server=localhost;uid=sa;pwd=;database=AspNetTest";
  private void Page_Load(object sender, System.EventArgs e)
  {
   if(!IsPostBack)
   {
    BindData();
   }
  }

  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   base.OnInit(e);
  }
  
  /// <summary>
  /// 设计器支持所需的方法 - 不要使用代码编辑器修改
  /// 此方法的内容。
  /// </summary>
  private void InitializeComponent()
  {   
   this.dlParent.ItemDataBound += new System.Web.UI.WebControls.DataListItemEventHandler(this.dlParent_ItemDataBound);
   this.Load += new System.EventHandler(this.Page_Load);

  }
  #endregion

  private DataSet BindParent(int PageSize,int CurrentPageNumber)
  {
   SqlConnection Conn=new SqlConnection(strConn);
   SqlCommand Cmd=new SqlCommand();
   Cmd.Connection=Conn;
   Cmd.CommandType=CommandType.StoredProcedure;
   Cmd.CommandText="BindNews";
   SqlParameter pramsPageSize=new SqlParameter();
   pramsPageSize.ParameterName="@PageSize";
   pramsPageSize.Value=PageSize;

   SqlParameter pramsCurrent=new SqlParameter();
   pramsCurrent.ParameterName="@PageIndex";
   pramsCurrent.Value=CurrentPageNumber;

   SqlParameter pramsDocount=new SqlParameter();
   pramsDocount.ParameterName="@Docount";
   pramsDocount.Value=false;

   Cmd.Parameters.Add(pramsCurrent);
   Cmd.Parameters.Add(pramsDocount);
   Cmd.Parameters.Add(pramsPageSize);
   SqlDataAdapter da=new SqlDataAdapter();
   da.SelectCommand=Cmd;
   DataSet ds=new DataSet();
   Conn.Open();
   da.Fill(ds);
   Conn.Close();
   ViewState["Count"]=ds.Tables[0].Rows.Count.ToString();
   return ds;
  }

  private void dlParent_ItemDataBound(object sender, System.Web.UI.WebControls.DataListItemEventArgs e)
  {
   if(e.Item.ItemIndex!=-1)
   {
    int ClassID=int.Parse(dlParent.DataKeys[e.Item.ItemIndex].ToString());
    DataSet ds=BindChild(ClassID);
    Label lb=(Label)e.Item.FindControl("lbCount");
    lb.Text=" (" + ds.Tables[0].Rows.Count.ToString() + ") ";
    DataList list=(DataList)e.Item.FindControl("dlChild");
    list.DataSource=ds.Tables[0].DefaultView;
    list.DataBind();
    HtmlAnchor hr=(HtmlAnchor)e.Item.FindControl("aurl");
    HtmlGenericControl dv=(HtmlGenericControl)e.Item.FindControl("KBChild");
    hr.ID="KB";
    string ss="expandIt('dlParent__ctl"+e.Item.ItemIndex+"_"+hr.ID+"')";
    hr.Attributes.Add("onclick",ss.ToString());
    dv.ID=hr.ID+"Child";
    string scripts="<script>numTotal=" + int.Parse(ViewState["Count"].ToString()) +";";
    for(int i=0;i<int.Parse(ViewState["Count"].ToString());i++)
    {
     scripts +="scores[" + i + "]='dlParent__ctl" + i + "_" + hr.ID + "';";
    }
    scripts +="</script>";
    Page.RegisterStartupScript("scripts",scripts.ToString());
   }
  }

  private DataSet BindChild(int ClassID)
  {
   SqlConnection Conn=new SqlConnection(strConn);
   SqlCommand Cmd=new SqlCommand("select * from NewsInfo where ClassID="+ClassID+"",Conn);
   SqlDataAdapter da=new SqlDataAdapter();
   da.SelectCommand=Cmd;
   DataSet ds=new DataSet();
   Conn.Open();
   da.Fill(ds);
   Conn.Close();
   return ds;
  }


  protected void NavigationLink_Click ( Object sender, CommandEventArgs e )//此事件为HTML代码里注册（事件为OnCommand）
  {
   switch ( e.CommandName )//根据设置的CommandName属性判断
   {
    case "First":
     CurrentPageNumber = 1;
     break;
    case "Last":
     CurrentPageNumber = Int32.Parse ( lbTotalPage.Text );
     break;
    case "Next":
     CurrentPageNumber = Int32.Parse ( lbCurrentPage.Text ) + 1;
     break;
    case "Prev":
     CurrentPageNumber = Int32.Parse ( lbCurrentPage.Text ) - 1;
     break;
   }
   BindData();
   
  }

  public Int32 GetPCount()
  {
   SqlConnection Conn=new SqlConnection(strConn);
   SqlCommand Cmd=new SqlCommand();
   Cmd.Connection=Conn;
   Cmd.CommandType=CommandType.StoredProcedure;
   Cmd.CommandText="BindNews";
   SqlParameter pramsPageSize=new SqlParameter();
   pramsPageSize.ParameterName="@PageSize";
   pramsPageSize.Value=1;

   SqlParameter pramsCurrent=new SqlParameter();
   pramsCurrent.ParameterName="@PageIndex";
   pramsCurrent.Value=1;

   SqlParameter pramsDocount=new SqlParameter();
   pramsDocount.ParameterName="@Docount";
   pramsDocount.Value=false;

   Cmd.Parameters.Add(pramsCurrent);
   Cmd.Parameters.Add(pramsDocount);
   Cmd.Parameters.Add(pramsPageSize);
   Conn.Open();
   Int32 Tcount=Int32.Parse(Cmd.ExecuteScalar().ToString());
   Conn.Close();
   return Tcount;
  }

  public void BindData()
  {
   lbCurrentPage.Text = CurrentPageNumber.ToString();
   
   //绑定DATAGRID
   DataSet ds=BindParent(PageSize,CurrentPageNumber);
   dlParent.DataSource=ds.Tables[0].DefaultView;
   dlParent.DataBind();

   Double TotalPages = 1;//初始化，总页数为1
   Double ModePages=0;//取模余数（判断总页数是否要加1）
  
   Int32 TotalRecords = GetPCount();//调用上面的得到总记录数的方法
   TotalPages = TotalRecords / PageSize;//得到总页数（总记录数除以每页的记录数）
   ModePages=TotalRecords%PageSize;//得到取模的余数(总记录数取模每页的记录数)
   if(ModePages>0)//如果取模数不等于0，则把总页数加1
   {
    TotalPages+=1;
   }
   if(ModePages==0)//如果取模数等于0,不做任何事（也可以不用判断）
   {
   }
   if(TotalPages==0)
   {
    TotalPages=1;
   }
   lbTotalPage.Text = TotalPages.ToString();//显示页面上的总页数
   lbTotalCount.Text=TotalRecords.ToString();//显示页面上的总记录数

   //以下为判断点击的按钮（第一页，上一页，下一页，末一页）是否可以用
   if ( CurrentPageNumber == 1 )
   {
    PreviousPage.Enabled = false;
    FirstPage.Enabled=false;
    if ( TotalPages > 1 )
    {
     NextPage.Enabled = true;
     LastPage.Enabled=true;
    }
    else
    {
     NextPage.Enabled = false;
     LastPage.Enabled=false;
    }
   }
   else
   {
    PreviousPage.Enabled = true;
    FirstPage.Enabled=true;

    if ( CurrentPageNumber == TotalPages )
    {
     NextPage.Enabled = false;
     LastPage.Enabled=false;
    }
    else
    {
     NextPage.Enabled = true;
     LastPage.Enabled=true;
    }
   }

   ddlPage.Items.Clear();//清楚跳转的页数（如果不清除，里面的记录将会循环增加）
   int PCount=int.Parse(lbTotalPage.Text);//得到总页数，为了循环
   if(PCount==0)
   {
    PCount=1;
   }
   for(int i=1;i<=PCount;i++)
   {
    ddlPage.Items.Add(i.ToString());
   }
   ddlPage.Items.FindByText(CurrentPageNumber.ToString()).Selected=true;//把当前页显示在列表框的第一个
   
  }

  private void ddlPage_SelectedIndexChanged(object sender, System.EventArgs e)
  {
   int PageSize=int.Parse(ddlPage.SelectedValue.ToString());
   int PageCount=Int32.Parse(lbTotalPage.Text.Trim().ToString());
   if(PageSize<1)
   {
    CurrentPageNumber=1;
   }
   else if(PageSize>PageCount)
   {
    CurrentPageNumber=PageCount;
   }
   else
   {
    CurrentPageNumber=PageSize;
   }
   BindData();
  }
 }
}

注意：在CS文件里开始设置PageSize为每页显示的记录，例子里设置的是5条，可以按照自己的要求修改，
下载例子里有一个DataBase文件夹，里面有数据库ACCESS，你可以导入到SQL中，然后运行文本文件里的分页存储过程，然后修改一下CS文件里的连接字符串即可运行 ，有什么不足的地方请大家指教。
例子下载：/Files/sunnystar365/DataListNesting.rar


Trackback: http://tb.blog.csdn.net/TrackBack.aspx?PostId=572841


你可能感兴趣的:(datalist)

  • 【前端echarts】echarts双饼图与easyui列表联动 时光匆匆岁月荏苒,转眼我们已不是当年 EasyUI前端echartseasyui
    echarts双饼图与easyui列表联动包括饼图与列表页联动，基本上无bugecharts双饼图与easyui列表联动-->-->$(function(){//定义参数varpieOptionDataList=[{titleText:"用户",seriesId:"user",seriesDataValue:"userRatio",seriesDataName:"userName",},{titl
  • 爬信息到excel里 赤兔马百花袍 pythonchrome数据挖掘爬虫
    代码：#-*-coding=utf-8-*-frombs4importBeautifulSoupimporturllib.request,urllib.errorimportreimportxlwt#主函数defmain():baseurl='https://movie.douban.com/top250?start='dataList=getData(baseurl)dbpath="豆瓣电影25
  • android之binder关于RemoteCallbackList的使用 开发之奋斗人生 frameworkandroidbinderRemoteCallback
    文章目录简述aidl文件修改服务端客户端主要调用流程1.注册2.发送调用3.反注册简述在android关于binder的简单通信过程的基础上添加关于RemoteCallbackList的使用,client端对server端进行register与unregister的过程，然后server主动给client端回调处理。aidl文件修改1.在IOnTestDataListener.aidl文件中加入r
  • java导出excel（带图片） 陈一一同学 java
    先看一下导出效果，controller表头数据一定要放在最前面Listhead=Arrays.asList("姓名","年龄","性别","证件类别","证件号","联系电话","地区","详细地址","报名时间","所属分组","年度","参赛类别1","作品名称1","作品1","参赛类别2","作品名称2","作品2");List>sheetDataList=newArrayListlist
  • Vue输入框模糊搜索的多种写法 花开富贵城 javascript前端vue.js
    （1）模板方案Document{{item}}varobj={data(){return{mytext:'',dataList:['aaa','abc','acb','add','abb','acc','bca','cca','bba','ccc','bbb'],}}}Vue.createApp(obj).mount('#box')（2）复制方案（浪费内存不优雅）Document{{item}}-
  • 如何设置element ui选择结束时间为23:59:59？ weixin_42220130 前端elementui时间结束
    两个方法，不过都是针对于传值给后端做的处理，不包括前端展示1每次发送请求时更改结束时间给后端//请求函数getDataList(){this.dataListLoading=true;//请求参数手动更改if(this.searchForm.timeArray.length===2&&this.searchForm.timeArray[1]!==""){this.searchForm.timeAr
  • WebForms DataList 控件深入解析 lly202406 开发语言
    WebFormsDataList控件深入解析概述在ASP.NETWebForms的众多服务器控件中，DataList控件是一个功能强大的数据绑定控件，它允许开发者以表格形式展示和操作数据。DataList控件类似于Repeater控件，但提供了更多的内置布局和样式选项。本文将深入探讨DataList控件的使用方法、属性、事件以及在实际开发中的应用场景。DataList控件基础控件定义DataLis
  • vue组件封装——公用基础table组件 h_jQuery es6Vue插槽vue.jsjavascript前端
    ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault{props:{columns:{//表格column配置项type:Array,default:()=>[],},dataList:{//表格展示数据type:Array,default:()=>
  • JavaScript 解析服务端返回的JSON到对象或者数组 b83bde1247ec
    //第一步，将json对象转换为StringvararrayJsonStr=JSON.stringify(res.data.dataList);//第二步，将String对象转换为我们需要的数据对象vararrayObj=JSON.parse(arrayJsonStr);console.log(arrayObj);
  • Web入门梳理：HTML5 baby_hua Web前端html
    html52008年HTML5HTML的新版本，新标准；常用新标签相关内容可查看：W3C手册header：文档页面头部nav：导航链接部分footer：文档页脚底部article：文章section：章节/区段aside：内容之外的侧边内容datalist：标签定义选项列表，需要与input配合使用fieldset：可将表单内的相关元素分组、打包；与legend搭配使用；123区域标题用户名：密码
  • web 前端实现一个根据域名的判断 来显示不同的logo 和不同的标题 喝一杯维C 前端javascript开发语言
    1.需求有可能我做一个后台web端我想实现一套代码的逻辑显示不同的公司主题logo以及内容，但是实际上业务逻辑一样2.实现建一个storeoem.ts这个名为是oem系统oem.tsimport{defineStore}from'pinia';import{store}from'@/store';constoemDataList=[{domain:['www.xxxx.com'],logoUrl:
  • 【vue】报错 Duplicate keys detected 解决方案 小墨鱼_z vueelement-uijsvue.jsjavascript前端
    错误描述：Duplicatekeysdetected.Thismaycauseanupdateerror.错误直译：检测到重复的键。这可能会导致错误。错误原因：有相同父元素的多个子元素的v-for有相同的key值。解决方法：return:{dataList:[{name:'张三'，id:"1"},{name:'李四'，id:"2"}]}{{item.name}}//改变key值，将key值设置为唯
  • 全国省市县城市json数据 simplyou json
    全国省市县json数据技术交流http://idea.coderyj.com/城市json数据[{"value":"110000","province":"北京市","data":[{"value":"110100","city":"北京市","dataList":[{"value":"110101","area":"东城区"},{"value":"110102","area":"西城区"},{"
  • apache poi Excel导入、导出单元格图片 1telescope Javaexcelapachejavaspringbootspringcloudspring1024程序员节
    本文将在导入Excel时获取其浮动在单元格内的图片（嵌入单元格获取不到），并下载到本地。导出也是浮动式图片。这里只提供导入图片部分的代码，仅供参考。与导入图片无关的代码部分已进行删除，如报错请忽略，关注导入图片业务即可。业务层代码/***导出ExcelXSSFWorkbook**@paramworkbook工作簿XSSFWorkbook格式*@paramdataList数据集合*@paramfie
  • Easy excel动态表头使用过程(记录一下) MrT_little_bird exceljava
    实现过程中还是遇到比较多的坑的，本来想用POI，但是代码太多了产品需求：多月条件筛选，列不固定，表头有合并实现效果，基本上和需求相符：贴代码：//创建表头集合List>headList=newArrayList>dataList=newArrayListlistMap=resultData.stream().collect(Collectors.toMap(x->x.getProjectId(),
  • Java 导出Excel 筱筱木 javaexcel开发语言
    1、增加导出Excel方法/***Excel导出调用方法**@paramfileName导出的文件名称*@paramcolumnNames导出的列名称*@paramkeys导出的列名称对应的英文Key*@paramdataList需要导出的数据通常情况就是列表查询出来的结果*@paramresponseHttpServletResponse*@parammsg异常信息*@throwsIOExcep
  • Vue 学习随笔系列六 -- 数组操作 梅子酱~ vue.js学习chrome
    1、filter()方法通过传入的参数，判断拿到的参数与对象中的某个属性是否相等，拿到这个参数对应的对象//拿到的某一元素值this.id//对象数组this.dataList//data返回筛选后符合条件的数组letdata=this.dataList.filter(item=>{returnitem.id===this.id})2、map遍历letdata=[{value:1000,name:
  • 关于微信小程序的多选和全选实现 编程小龙 微信小程序web前端小程序微信小程序微信小程序多选多选与全选
    效果简述今天实现了一个小程序版的仿后端管理界面的多选和全选checkbox，大致思路如下实现wxml一件全选{{item.id}}js//index.js//获取应用实例constapp=getApp()Page({data:{dataList:[{id:"17813566345",checked:false},{id:"27813566345",checked:false},{id:"37813
  • unity c# http 获取json数据 rain_love_snow C#学习Unityc#json开发语言
    首先将获取到的json数据在线转成实体（网址：在线JSON转C#实体类，JSON转Java实体类）然后将Newtonsoft.Json.dll这个dll放到Plugins下然后写代码：usingNewtonsoft.Json;usingUnityEngine.Video;IEnumeratorGetDataList(stringurl){UnityWebRequestwww=UnityWebReq
  • angular基础5-8【指令&管道&组件通讯&组件生命周期】 一天一丢丢 angularangular
    5.指令Directive指令是Angular提供的操作DOM的途径。指令分为属性指令和结构指令。属性指令：修改现有元素的外观或行为，使用[]包裹。结构指令：增加、删除DOM节点以修改布局，使用*作为指令前缀5.1内置指令5.1.1*ngIf根据条件渲染DOM节点或移除DOM节点。没有更多数据0;thendataListelsenoData">课程列表没有更多数据ng-template是用来定义模
  • compose LazyColumn + items没有自动刷新问题 Jocerly composeandroidcompose
    valdataListsbyremember{mutableStateOf(datas)}数据更改后列表不刷新问题。valdataListsbyremember{mutableStateOf(datas)}LazyColumn(modifier=Modifier.padding(top=5.dp)){items(dataLists){....}}可以将mutableStateOf改为mutable
  • el-table 动态合并行 三155 javascriptvue.jscss
    数组下对象去重//去重letobj={}this.dataList=this.dataList.reduce((item,next)=>{obj[next.projectcode]?'':obj[next.projectcode]=true&&item.push(next)returnitem},[])el-table改变第几行字体颜色//lable红色tableHeaderColor({row,
  • vue实现查询搜索框下拉字典 今年不养猪只除草 vuevue.js前端javascript
    字典表前端页面显示依据这个字典表实现动态查询初始化数组首先先在全局变量里定义一个数据存放查询出来的数据data(){return{dicts:[]};},生命周期查询的时候是声明周期开始的时候，原本增删改查页面在生命周期开始的时候就查询了页面的数据获得了列表值，此时在生命周期开始也要查询字典的数据值activated(){this.getDataList();//获取所有的"性别this.getD
  • 列表内容可编辑 new code Boy vue.jsjavascript前端
    {{scope.row.name}}{{scope.row.age}}{{scope.row.money}}newVue({el:"#app",data:{dataList:[{name:"测试1",age:24,num:10010,money:"1200"},{name:"测试2",age:24,num:10011,money:"1200"},{name:"测试3",age:24,num:100
  • uni-app的地址三级联动 Falling snow 笔记html5javascriptuni-appvue微信小程序
    1、template样式请选择地区：{{patientBasic.cityName}}2、script代码importprovinceDatafrom'./provinceData.js'//引入的地址地区exportdefault{data(){return{oldpProvinceDataList:provinceData,newProvinceDataList:[[],[],[]],mult
  • [element-ui] el-table 行内新增，滚动条自动滚到最顶部，或者最底部 533_ element-uivue.js前端elementui
    letitem={name:'111',age:22,}this.dataList.push(item)//跳到底部操作this.$nextTick(()=>{this.$refs.containerTable.bodyWrapper.scrollTop=this.$refs.containerTable.bodyWrapper.scrollHeight});//跳到顶部操作this.$refs.
  • 2017年的字节跳动牛客网面试题解析 凉薄少年13
    1）A.ul只能紧挨着liB.a中不能再嵌套aC.dldtD.olli是有序排列2）HTML5新特性：1.datalist数据列表2.progress进度条3.meter刻度尺/用红黄绿三色表示出一个数值所在范围4.output输出，用于描述表单中的计算结果，属于语义标签，样式与span无异3）mailto后为收件人地址；tel最常用js一键拨号;4）置换元素：显示内容由元素的属性决定如img标签
  • element表格复选框回显，取消选择 33455432 javascript前端开发语言
    this.dataList=response.rowsthis.tableColumnList=response.tableColumnListthis.queryParams.total=response.totalif(this.pointitle=='修改'){console.log("xxxx")letarr=this.dataListletarr1=this.tagsthis.$next
  • vue 渲染多列表格，拖动加载 活宝小娜 前端vue.jsjavascript前端
    vue在使用el-table渲染多列（几千列）表格时，页面会十分卡顿，使用html原生表格拖动滚动条加载列，可以解决这个问题后端接口返回的数据格式如下：line_data中的数据title对应index_title里的内容{{item}}{{prop}}exportdefault{data(){return{titleList:[],contentList:[],datalist:[],curre
  • unicloud-db组件 前端 贾公子 数据库
    目录unicloud-db组件简介属性v-slot:defaultcollectionwhereorderby联表查询loadtime方法：loadData方法：remove方法：add方法：refresh方法：dataList扩展：jql语句内云端环境变量unicloud-db组件简介组件是一个数据库查询组件，它是对clientDB的js库的再封装。前端通过组件方式直接获取uniCloud的云端
  • jquery实现的jsonp掉java后台 知了ing javajsonpjquery
    什么是JSONP？ 先说说JSONP是怎么产生的： 其实网上关于JSONP的讲解有很多，但却千篇一律，而且云里雾里，对于很多刚接触的人来讲理解起来有些困难，小可不才，试着用自己的方式来阐释一下这个问题，看看是否有帮助。 1、一个众所周知的问题，Ajax直接请求普通文件存在跨域无权限访问的问题，甭管你是静态页面、动态网页、web服务、WCF，只要是跨域请求，一律不准； 2、
  • Struts2学习笔记 caoyong struts2
    SSH : Spring + Struts2 + Hibernate 三层架构(表示层,业务逻辑层,数据访问层) MVC模式 (Model View Controller) 分层原则:单向依赖，接口耦合 1、Struts2  =  Struts  + Webwork 2、搭建struts2开发环境    a>、到www.apac
  • SpringMVC学习之后台往前台传值方法 满城风雨近重阳 springMVC
    springMVC控制器往前台传值的方法有以下几种： 1.ModelAndView    通过往ModelAndView中存放viewName：目标地址和attribute参数来实现传参：      ModelAndView mv=new ModelAndView();  mv.setViewName="success
  • WebService存在的必要性？ 一炮送你回车库 webservice
    做Java的经常在选择Webservice框架上徘徊很久，Axis  Xfire Axis2 CXF ，他们只有一个功能，发布HTTP服务然后用XML做数据传输。 是的，他们就做了两个功能，发布一个http服务让客户端或者浏览器连接，接收xml参数并发送xml结果。 当在不同的平台间传输数据时，就需要一个都能解析的数据格式。 但是为什么要使用xml呢？不能使json或者其他通用数据
  • js年份下拉框 3213213333332132 java web ee
    <div id="divValue">test...</div>测试 //年份 <select id="year"></select> <script type="text/javascript"> window.onload =
  • 简单链式调用的实现技术 归来朝歌 方法调用链式反应编程思想
    在编程中，我们可以经常遇到这样一种场景：一个实例不断调用它自身的方法，像一条链条一样进行调用 这样的调用你可能在Ajax中，在页面中添加标签： $("<p>").append($("<span>").text(list[i].name)).appendTo("#result");   也可能在HQ
  • JAVA调用.net 发布的webservice 接口 darkranger webservice
    /** * @Title: callInvoke * @Description: TODO(调用接口公共方法) * @param @param url 地址 * @param @param method 方法 * @param @param pama 参数 * @param @return * @param @throws BusinessException
  • Javascript模糊查找 | 第一章 循环不能不重视。 aijuans Way
    最近受我的朋友委托用js+HTML做一个像手册一样的程序，里面要有可展开的大纲，模糊查找等功能。我这个人说实在的懒，本来是不愿意的，但想起了父亲以前教我要给朋友搞好关系，再加上这也可以巩固自己的js技术，于是就开始开发这个程序，没想到却出了点小问题，我做的查找只能绝对查找。具体的js代码如下： function search(){ var arr=new Array("my
  • 狼和羊，该怎么抉择 atongyeye 工作
    狼和羊，该怎么抉择 在做一个链家的小项目，只有我和另外一个同事两个人负责，各负责一部分接口，我的接口写完，并全部测联调试通过。所以工作就剩下一下细枝末节的，工作就轻松很多。每天会帮另一个同事测试一些功能点，协助他完成一些业务型不强的工作。 今天早上到公司没多久，领导就在QQ上给我发信息，让我多协助同事测试，让我积极主动些，有点责任心等等，我听了这话，心里面立马凉半截，首先一个领导轻易说
  • 读取android系统的联系人拨号 百合不是茶 androidsqlite数据库内容提供者系统服务的使用
           联系人的姓名和号码是保存在不同的表中,不要一下子把号码查询来,我开始就是把姓名和电话同时查询出来的,导致系统非常的慢   关键代码:     1, 使用javabean操作存储读取到的数据 package com.example.bean; /** * * @author Admini
  • ORACLE自定义异常 bijian1013 数据库自定义异常
    实例： CREATE OR REPLACE PROCEDURE test_Exception ( ParameterA IN varchar2, ParameterB IN varchar2, ErrorCode OUT varchar2 --返回值,错误编码 ) AS /*以下是一些变量的定义*/ V1 NUMBER; V2 nvarc
  • 查看端号使用情况 征客丶 windows
    一、查看端口 在windows命令行窗口下执行： >netstat -aon|findstr "8080" 显示结果： TCP     127.0.0.1:80         0.0.0.0:0    &
  • 【Spark二十】运行Spark Streaming的NetworkWordCount实例 bit1129 wordcount
    Spark Streaming简介   NetworkWordCount代码   /* * Licensed to the Apache Software Foundation (ASF) under one or more * contributor license agreements. See the NOTICE file distributed with
  • Struts2 与 SpringMVC的比较 BlueSkator struts2spring mvc
    1. 机制：spring mvc的入口是servlet，而struts2是filter，这样就导致了二者的机制不同。 2. 性能：spring会稍微比struts快。spring mvc是基于方法的设计，而sturts是基于类，每次发一次请求都会实例一个action，每个action都会被注入属性，而spring基于方法，粒度更细，但要小心把握像在servlet控制数据一样。spring
  • Hibernate在更新时，是可以不用session的update方法的(转帖） BreakingBad Hibernateupdate
    地址：http://blog.csdn.net/plpblue/article/details/9304459 public void synDevNameWithItil() {Session session = null;Transaction tr = null;try{session = HibernateUtil.getSession();tr = session.beginTran
  • 读《研磨设计模式》-代码笔记-观察者模式 bylijinnan java设计模式
    声明： 本文只为方便我个人查阅和理解，详细的分析以及源代码请移步 原作者的博客http://chjavach.iteye.com/ import java.util.ArrayList; import java.util.List; import java.util.Observable; import java.util.Observer; /** * “观
  • 重置MySQL密码 chenhbc mysql重置密码忘记密码
    如果你也像我这么健忘，把MySQL的密码搞忘记了，经过下面几个步骤就可以重置了（以Windows为例，Linux/Unix类似）： 1、关闭MySQL服务 2、打开CMD，进入MySQL安装目录的bin目录下，以跳过权限检查的方式启动MySQL mysqld --skip-grant-tables  3、新开一个CMD窗口，进入MySQL mysql -uroot  
  • 再谈系统论，控制论和信息论 comsci 设计模式生物能源企业应用领域模型
                               再谈系统论，控制论和信息论     偶然看
  • oracle moving window size与 AWR retention period关系 daizj oracle
    转自： http://tomszrp.itpub.net/post/11835/494147 晚上在做11gR1的一个awrrpt报告时,顺便想调整一下AWR snapshot的保留时间,结果遇到了ORA-13541这样的错误.下面是这个问题的发生和解决过程. SQL> select * from v$version; BANNER -------------------
  • Python版B树 dieslrae python
    话说以前的树都用java写的,最近发现python有点生疏了,于是用python写了个B树实现,B树在索引领域用得还是蛮多了,如果没记错mysql的默认索引好像就是B树... 首先是数据实体对象,很简单,只存放key,value class Entity(object): '''数据实体''' def __init__(self,key,value)
  • C语言冒泡排序 dcj3sjt126com 算法
    代码示例： # include <stdio.h> //冒泡排序 void sort(int * a, int len) { int i, j, t; for (i=0; i<len-1; i++) { for (j=0; j<len-1-i; j++) { if (a[j] > a[j+1]) // >表示升序
  • 自定义导航栏样式 dcj3sjt126com 自定义
    -(void)setupAppAppearance { [[UILabel appearance] setFont:[UIFont fontWithName:@"FZLTHK—GBK1-0" size:20]]; [UIButton appearance].titleLabel.font =[UIFont fontWithName:@"FZLTH
  • 11.性能优化-优化-JVM参数总结 frank1234 jvm参数性能优化
    1.堆 -Xms --初始堆大小 -Xmx --最大堆大小 -Xmn --新生代大小 -Xss --线程栈大小 -XX:PermSize  --永久代初始大小 -XX:MaxPermSize  --永久代最大值 -XX:SurvivorRatio --新生代和suvivor比例,默认为8 -XX:TargetSurvivorRatio --survivor可使用
  • nginx日志分割 for linux HarborChung nginxlinux脚本
    nginx日志分割 for linux 默认情况下，nginx是不分割访问日志的，久而久之，网站的日志文件将会越来越大，占用空间不说，如果有问题要查看网站的日志的话，庞大的文件也将很难打开，于是便有了下面的脚本   使用方法，先将以下脚本保存为 cutlog.sh，放在/root 目录下，然后给予此脚本执行的权限   复制代码代码如下: chmo
  • Spring4新特性——泛型限定式依赖注入 jinnianshilongnian springspring4泛型式依赖注入
    Spring4新特性——泛型限定式依赖注入 Spring4新特性——核心容器的其他改进 Spring4新特性——Web开发的增强 Spring4新特性——集成Bean Validation 1.1(JSR-349)到SpringMVC  Spring4新特性——Groovy Bean定义DSL Spring4新特性——更好的Java泛型操作API  Spring4新
  • centOS安装GCC和G++ liuxihope centosgcc
    Centos支持yum安装，安装软件一般格式为yum install .......，注意安装时要先成为root用户。 按照这个思路，我想安装过程如下： 安装gcc：yum install gcc 安装g++： yum install g++ 实际操作过程发现，只能有gcc安装成功，而g++安装失败，提示g++ command not found。上网查了一下，正确安装应该
  • 第13章 Ajax进阶（上） onestopweb Ajax
    index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/
  • How to determine BusinessObjects service pack and fix pack blueoxygen BO
    http://bukhantsov.org/2011/08/how-to-determine-businessobjects-service-pack-and-fix-pack/   The table below is helpful. Reference   BOE XI 3.x 12.0.0. y BOE XI 3.0 12.0. x. y BO
  • Oracle里的自增字段设置 tomcat_oracle oracle
    　大家都知道吧，这很坑，尤其是用惯了mysql里的自增字段设置，结果oracle里面没有的。oh，no 　　我用的是12c版本的，它有一个新特性，可以这样设置自增序列，在创建表是，把id设置为自增序列 create table t ( id 　　 　　 number generated by default as identity (start with 1 increment b
  • Spring Security（01）——初体验 yang_winnie springSecurity
    Spring Security（01）——初体验     博客分类： spring Security Spring Security入门安全认证        首先我们为Spring Security专门建立一个Spring的配置文件，该文件就专门用来作为Spring Security的配置
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他