day04【后台】角色维护/10-尚硅谷-尚筹网-角色维护-分页-前端-函数fillTableBody()

好，下面我们来实现一下这个fair table body这个函数，首先呢是判断一下我们这个配置INF是否是有效的。是否有效？从这么几个方面来判断啊，首先一个呢，是我们判断一下这个配置音符是不是window。另外呢，作为我们GS的变量呢，它有可能是按范的啊，我们尽可能的考虑的全面一点啊，把这个情况也给它排除。所以说呢，在判断一个配置in呢，是不是等于这个安。哎，没定义。再然后呢，是说我们检查一下配置INF里边有个list的属性啊，看list属性是不是有值的。哎，也是判断一下它是不是等于导啊，这样我们就是全面一点。再一个呢，就是说我们这个list啊，看一下它的这个长度。呃呃，不是size哈，是lengths length Java里边是size，在GS里边它就是个数组啊，所以说用length。

看看是不是等于零。呃，如果这个条件有一个满足的话啊。呃，我们就要给一个提示消息，提示消息呢，我们要在提包里边去显示啊，提包里边呢，就不显示数据了，就显示我们这个提示消息。那为了能够去显示呢，我们需要给t body哈，给它加个ID，这样我们才能去操作它。这个ID呢，咱们就设置成这个肉配置包啊，肉配置包诶复制一下。过来以后呢，呃，井号若page body啊，点openend往里边去追加一下内容。第二。里边TR里边写TD。呃，这个时候呢，我们提示消息就只是一个单元格了啊，那它肯定要跨列啊，跨列的话呢，用我们的。扣SP这个属性啊，那在这个时候我们得去数一下它占多少列啊，1234。

哎，四列，哎，所以说这边cos半等于四。单引号。提示消息呢，是抱歉，哎，没有查询到。你要的数据。你搜索的数据。然后这个函数呢，也就不往后走了哈，哎。Return一下就好了。去填充。填充一下我们这个。七、八级部分。使用。Page info。那这个时候对配置list这个list的哈，这个肯定是得对它进行一下这个便利。

这你就别写int了啊。嗯，哎，这么写的话呢，是这个看上去完全没有问题。对，这个是在GS里边是有报错的，这个倒是挺好，如果我们在这里边写的话，他没有报错。所以在这儿的话，改成这个were就好了。哎，然后呢，这个便利它从这里边呢，我们去拿到每一个值，每一个值呢，我们可以看成是一个肉的一个对象。下边的爱。从肉里边呢，我们可以去获取一下这个肉ID。RNA。然后呢，可以去给他们看一下我们的表格啊，生成的话要生成什么。这个地方也是，如果我们不显示ID啊，把ID隐藏起来的话，这就是一个序号。

所以说呢，这个地方我们就第一个单元格哈，就给它显示个就I加一就行了。这个地方可以先不用管它，这就是内，然后这个呢，是我们的一组这个按钮。所以说在这儿的话是这样，1234个单元格。嗯，这些按钮一会儿再说哈。咱们先一个一个来啊，先第一个第一个TD。一个这个叫做一个number的一个TD。哎，这边给他来一个，我们就二加一就完了。然后再来一个呢，下一个是check box是它的一个TD。咱们先把这个先拿过来，就整个这个啊。这个后续呢，这里边儿还需要去加工一下。

这个加工下，等我们做这个功能的时候，我们再说哈。哎，这个再握一个，嗯，下边是我们肉内的TD。就这个啊这部分。把肉内。哎，不对。是肉点内膜。肉点内膜。然后再加上。嗯，再然后呢，是这个表格。按钮按钮的歌。Button的T。嗯，这几个如果我们先不不动的话。这几个东西呢。我们如果说一一一一气儿就是直接加到这儿，这个代码就看着就很闹心了，所以这几个按钮呢，我们分开去加啊。

第一个按钮呢，叫做什么按钮啊。嗯，叫。哎，这个我们就叫它check button。然后呢，我们这儿你要直接这么拿过来啊，他在这儿也不太不太好整，所以说呢，我们去把它先在外边加工一下啊。先放到同一行。CTRLF，我们去把这个双引号换成单引号。嗯。CX。把这个拿过来，这是check but。然后呢，下一步是这个。把这俩我们都都都同样的啊，同样的给它都放到同一行。

CTRLF。这是一个，这个叫我们pencil button。再来一个，这个叫做。这几个按钮就都拿过来了，拿过来以后呢，到这儿呢，我们再来去拼一下。呃，他过来。再加上他。再加上它。嗯，如果这样的话呢，他们这几个就挨在一块的啊，这个挨挨到页面上挨一块不太好看，中间给它们加个空格。

序号，NBSP。算了，找个空格得了啊。加个空格啊，不然挨在一起不太好看。哎，这几个TD都准备好，然后呢，再下一步呢，就是把它们拼到这个TR的里边。哎，TD啊，拼一下这几个先是number TD。然后是拆box TD。哎，再来这个肉内提。再来八层提。哎，就是这个给他们组装了一下，组装完了以后呢，再给他追加到我们T包的里边。

哎，然后这个是T，嗯。这是我们初步看到的，是这个效果哈。但是我们这里边儿呢，有一个问题需要注意哈。现在因为这个现在还不太好测试，我们这翻页的这个12345还没有做出来哈，但这个，所以这个还不太好演示的效果，只能是先跟大家去说一下。每次呢，这个翻页呢，这个浏览器页面并不刷新。这个烟。这个页面有个什么问题呢，在我们去点这个12345翻页的这个页码的时候啊。呃，我们会每次都会加载这个新的数据，拿到新的数据呢，通过end这去追加这个新的数据。可是呢，我们一直追加，一直追加，每次都会追加这个新的数据，但是并没有去掉以前的旧的数据，旧的数据不会自动的被去掉，那么就会导致我们每次点翻页的时候，新的内容追加到后边啊，他不是把以前的东西给替换掉，而是一直往下，一直往下啊，这个页面就会越来越长。

哎，所以说呢，在这儿我们得先做一个什么操作呢。得先去清除。以前旧的数据。啊，TD中的旧的数据。哎，还是拿到我们这个提包里哈，然后呢，调它的一个empty提方法。诶给它掏空，把里边旧的内容呢给它都去掉。这样的话，里边再显示新的内容，就是我们本次的内容啊。啊。包括那个提示消息其实也是一样。他不能在旧的消息的旧的数据的下边去显示这个，哎，我们下边咱们刷新一下看看。哎，这里边儿就是肉零啊到1234。这是我们数据哈，那么这样的话，我们已经能显示数据了，那么它以前的这个这个这个假假数据的这个代码呢，我们就可以去掉了啊，把它这个删掉。

诶，这就是我们初步完成了一个填充主体的这样一个功能。