精华内容
下载资源
问答
  • 想要在固定第i个位置显示自定义的item 此item界面与其他不同 而且数据源(javaBean)跟其他的item不一样 请问怎么做呢 有什么好的实现方法
  • 现在想实现的功能是只显示3000条数据,小于3000条时用InsertItem()插入新的一行列表项,用SetItemText()写入每列的信息,大于3000条时,新接收到的数据显示在第3000行,剩下的数据全部上移。类似于一个一定长度的...
  • 我想在下拉列表显示优先级信息。 目前,我使用整数字段存储优先级,但是我想显示高/中/低,而不是让用户输入优先级。 一种近似的方法是使用优先级数据库,该数据库存储3个元素,即1:高,2:中,3:低, PRIORITY_...

    我想在下拉列表中显示优先级信息。 目前,我使用整数字段存储优先级,但是我想显示高/中/低,而不是让用户输入优先级。

    一种近似的方法是使用优先级数据库,该数据库存储3个元素,即1:高,2:中,3:低,

    PRIORITY_CHOICES = ((1, 'High'),
                        (2, 'Medium'),
                        (3, 'Low'))
    
    class MyModel(models.Model):
        priority = models.IntegerField(choices=PRIORITY_CHOICES)
    

    自己应用poted项目中举例

    class Contributor(models.Model):
       
        user = models.ForeignKey(User,
                                 on_delete=models.CASCADE,
                                 null=True,
                                 blank=True)
    
        portrait = models.ImageField(null=True,
                                     blank=True)
    
        description = models.TextField(null=True,
                                       blank=True)
    	
    	 # 如何对模型限制几种类型输入
        DONOR_TYPE_CHOICES = ((1, 'Contributor'),
                              (2, 'Administrator'),
                              (3, 'Builder'))
    
        type = models.IntegerField(null=True,
                                   blank=True,
                                   choices=DONOR_TYPE_CHOICES)
    
        class Meta:
            ordering = ('user',)
            verbose_name = '贡献者'
            verbose_name_plural = '贡献者'
    
        def __str__(self):
            return self.user.name
    
    
    展开全文
  • CSS如何修改下拉列表框的样式,固定一个适合的样式,防止默认样式在谷歌,火狐浏览器显示样式不同
  • 凡是进行iOS开发的,基本上都会遇到要展示列表,或者即使不是标准列表,但由于数量不固定,也需要如同列表一样从上往下显示、加载的情况。这些,都绕不过对UITableView的使用。 在iOS开发中UITableView可以说是使用...
  • 如何固定表头:鼠标选定B1单元格(可根据具体情况选定,这里是固定第一行为表头)窗口选项——选择拆分——再次选择冻结窗口——完成 如何设置单列下拉菜单: 无关联添加:使用有效性-序列,将要下拉的内容输入框...

    如何固定表头:
    鼠标选定B1单元格(可根据具体情况选定,这里是固定第一行为表头)
    窗口选项——选择拆分——再次选择冻结窗口——完成

    如何设置单列下拉菜单:
     无关联添加:使用有效性-序列,将要下拉的内容输入框内,中间以逗号隔开。
     可设置项添加
     (1)首先在Excel中设计好所需要的表格,在任意一列中输入要在下拉列表中所显示的内容,然后选定要使用选择性输入的区域。
     (2)单击“数据→有效性”命令,在弹出的窗口中单击“设置”选项卡。在“允许”下拉列表中选择“序列”;在“来源”框中输入序列来源的单元格绝对地址,或者单击其右侧的隐藏窗体按钮,用鼠标选定要使用下拉列表中所显示的内容的单元格区域,再次单击隐藏窗体按钮回到“设置”选项卡。最后单击“确定”按钮返回(如图3)。
     (3)用鼠标单击区域中的任一单元格,会在单元格旁边出现一个下拉箭头,单击箭头,会显示出所有的设置序列,从中单击所需的项目即可完成录入。
     关联性添加:
     1、在A1到A10输入名称,在B1到B10输入电话号码, 做为源数据。
    单位1 1000001
    单位2 1000002
    单位3 1000003
    单位4 1000004
    单位5 1000005
    单位6 1000006
    单位7 1000007
    单位8 1000008
    单位9 1000009
    单位10 1000010
     2、选中D1,菜单中选择数据,有效性,允许“序列”,来源:=$A$1:$A$10, D1下拉菜单可以选择公司名称。
     3、选中E1,输入公式:=VLOOKUP(D1,$A$1:$B$10,2,0),在E1中根据D1公司名称的变化得到相应的电话号码。
    根据实际情况,对源数据进行改变,在公式做相应变化即可。
    可将数据源放在另一sheet中,或放在另一Excel文件中。如果在同一文件中,可以定义数据源为某一名称,如果在另一文件中,可以通过路径调用数据源。

    转载于:https://www.cnblogs.com/zfanswer/archive/2009/03/27/1423280.html

    展开全文
  • 在使用elementui表格组件时,会遇到一个问题,表格过大而无法显示完全,要把横向内容看完整就需要滚动到列表底部拉动横向滚动条,十分不方便。 因此,我想自定义滚动条显示在视窗底部: <!--自定义滚动条--&...

      在使用elementui 表格组件时,会遇到一个问题,表格过大而无法显示完全,要把横向内容看完整就需要滚动到列表底部拉动横向滚动条,十分不方便。

      因此,我想自定义滚动条显示在视窗底部:

      <!--自定义滚动条-->
        <div class="out-box" ref="out-box">
          <img style="margin-left:-20px;position:fixed;bottom:0px;" src="http://img.s.youfenba.com/material_thumb/74NGnHkeQs.png">
          <div class="in_box" @mousedown="mouseDown" @mouseup="mouseUp" @mouseout="mouseUp"  :style="old_new" ref="in_box" > </div>
          <!--用ref对里边的灰色滚动条进行绑定,写上对应的事件-->
          <img style="position:fixed;bottom:0px;right:40px;" src="http://img.s.youfenba.com/material_thumb/WTzsMr6RSX.png">
        </div>
    data(){
        return{
         //自定义滚动条数据设置
          newx: "",    //第一次的坐标
          oldx: "",     //第二次的坐标
          outBoxWidth: '',    //滚动条长度
          moveWidth: "",      //可移动的长度
          old_new:{
            //滚动条的偏移量
            left: 0
          },
          windowWidth: document.body.clientWidth -280,     //表格宽度(网页可见宽度-左侧菜单栏宽度)
          f:0,
          leftstr: '',
          //滚动条参数
        }
    }
     //监听视窗大小
      mounted() {
        const that = this;
        window.onresize = function() {
          //监听浏览器窗口
          that.ifmove();
        };
        this.ifmove();       //页面进来先判断
      },
    //滚动条事件
        ifmove(){
          let that = this;
          that.windowWidth = document.body.clientWidth - 1000;
          if (that.windowWidth < 1920) {
            that.$refs.out_box.style.display = "block";
            that.$refs.in_box.style.width =
                    (that.windowWidth / 1920) * that.windowWidth + "px"; //显示区域占百分比,在滚动条显示
            that.moveWidth = (1 - that.windowWidth / 1920) * that.windowWidth; //可移动宽度
          } else {
            that.$refs.out_box.style.display = "none";
          }
        },
    
        //滚动条事件
        mouseDown(event) {
          let e = event || window.event;
          let _self = this;
          this.f = 1;
          this.newx = e.clientX;
          this.leftstr = this.old_new.left
          this.$refs.in_box.addEventListener("mousemove", function(event) {
            let e = event || window.event;
            _self.oldx = e.clientX;
            _self.moveWidth = (1 - _self.windowWidth / 1920) * _self.windowWidth-parseFloat(_self.leftstr); //模拟滚动条可移动长度
            if (_self.f) {
              _self.old_new.left =
                      _self.oldx - _self.newx <= -parseFloat(_self.leftstr)
                              ? "0px"
                              : _self.oldx - _self.newx >= _self.moveWidth
                              ? _self.moveWidth + parseFloat(_self.leftstr) + "px"
                              : _self.oldx - _self.newx + parseFloat(_self.leftstr) + "px"; //模拟滚动条偏移量
              _self.$refs.scroll.scrollLeft =
                      _self.oldx - _self.newx <= -parseFloat(_self.leftstr)
                              ? 0
                              : _self.oldx - _self.newx >= _self.moveWidth
                              ?(_self.moveWidth + parseFloat(_self.leftstr))* (1920 / _self.windowWidth)
                              : (_self.oldx - _self.newx + parseFloat(_self.leftstr) ) * (1920 / _self.windowWidth); //实际滚动条偏移量
            }
          });
        },
        mouseUp() {
          this.f = 0;
        },

     

    展开全文
  • 我是如何固定头部(thead)的

    千次阅读 2017-03-06 12:52:30
    在前端开发中经常遇到需要页面滚动时,固定某个...那我们就聊一下如何在滚动时固定(thead),让它始终显示列表的上方 css的方案 如何让tbody滚动 如果我们用css来实现,网上常见的一种方案是给tobdy一个固定高度,...
        

    在前端开发中经常遇到需要页面滚动时,固定某个区域显示,常见表格的需求,因为表格有很多列,如果列名不固定在顶部显示,滚动到底部时,可能就不知道某些列对应的是什么了

    那我们就聊一下如何在滚动时固定(thead),让它始终显示在列表的上方

    css的方案

    如何让tbody滚动

    如果我们用css来实现,网上常见的一种方案是给tobdy一个固定高度,然后让它滚动,这样就实现了滚动列表时,thead不动。

    有同学说tbody没办法滚动,所以网上也有用div来拼表格的,这样就容易滚动了。其实tbody也可以滚动的,比如tbody{display:block} 这样列的宽度就需要用css来控制了,总之是可以达到的。

    这个方案的缺点在于,页面上有很多滚动条,tbody的,页面的。虽然该方案易实施,但在视觉设计师那里通常是不能忍受的。

    使用sticky属性

    现在css里有一个position:sticky属性,正好可以实现该需求,我们只需要给thead加上position:sticky即可。关于sticky的浏览器支持可以看这里 http://caniuse.com/#search=st...

    这里有一个坑的地方,给thead的position指定sticky,chrome、safari都可以支持,唯独firefox是不行的,也就是写上后没有任何效果

    那么对于不支持sticky的,我们只能再想解决方案了

    js的方案

    这里的js方案还是用css来实施的,只是这个过程中加入了js控制

    别人的方案

    1. 上下2个table
      js加载后,把当前表格分成上下2个table,上table只显示thead,下table只显示tbody。

    这个略显麻烦

    1. 再克隆一个thead出来

    这个对于原有thead上已经绑定了事件,对于克隆后的也要做处理,也很麻烦。

    我希望就用一个thead,尽可能的减少辅助节点,把这个事情搞定

    fixed+absolute模拟sticky

    我们尝试给thead加上position:fixed,再指定top:0,然后这个thead就脱离的文档流,固定在页面顶部显示了,还好,所有支持fixed的浏览器都表现一致,就连firefox也生效了。

    这时候带来的另外问题就是thead脱离文档流后,thead里面的列的宽度就失效了,也就是thead中的列名称和tbody里面的列宽度不一致。

    这时候想到的方案就是通过计算tbody中的列宽度,然后同步给thead中的列,这样就能对上了。
    但是表格的thead并不是上来就是fixed效果的,而是随着滚动条的滚动,当它处于页面顶部时才进行fixed效果。即thead的position会在static与fixed之间进行切换。

    这样子看上去问题就解决了,但是在某些情况下,static与fixed进行切换时,前后的列宽度并不一样,比如static时,某一列是40px的宽度,但是fixed后,通过计算tbody对应列的宽度,它变成38了,虽然切换前后thead中的列与tbody中的列宽度仍然是一致的,但是在切换过程中这种宽度的变化导致表格会有一些让人不舒服的变化,对于我是不能忍的。

    既然thead在文档流中和不在文档流中,tbody表现并不一致,那我们干脆直接让thead脱离文档流好了,该如何脱离呢,给它position:absolute,绝对定位,然后不给left top值,这样它还在原来的位置,就是不占高度了,这时候我们仍然计算tbody中的每一列的宽度,给到thead中的列。然后在absolute与fixed之间进行切换时,也不会有任何宽度变化了。

    但是,使用absolute或fixed后,原本thead所占的高度就没有了,因为脱离了文档流。这时候整个效果还是不对的,我们要想个办法,找个节点占着原来thead的高度,这样才完美。

    我最终找了caption标签,然后把thead的高度给到caption。这样就可以了

    展开全文
  • 摘要:本文旨在介绍在宽屏(>768px)中图片列表如何显示为有固定间隙的一行排列,介绍了笔者自己尝试过得五种写法,并分析了其缺点,采用什么方法就得见人见智,具体情况具体分析了。  如何在窄屏
  • Extjs列表在某些情况下,需要定时刷新,但是如果列表未进行分页,一屏显示不下时,无论滚动条当前在什么位置,每次刷新时,总会返回到最顶层,但是需求又要求我们定位到当前位置,该如何处理呢?解决方法如下:var ...
  • 在做列表的默认视图中,我们经常发现,自定义的渲染方式不足,对于很多SharePoint的选项,比如“状态”,有“未启动、已推迟... ...”等等 特别是“审批”一栏,在显示的时候,完全可以把比如“已审批”或“未审批...
  • 再扣动扳机,开始搜索rifd,搜索到标签后显示标签的EPC值 倒计时开始倒数5秒,结束后或点击自动绑定按钮将rfid和资产进行绑定成功后,RFID编码字段就会有值,发卡按钮变成更换按钮,可以更换rifd标签,逻辑和绑定...
  • 本周的聊技术话题和大家说说如何在Android中实现自适应文本大小显示。想象一下,在布局中,通常显示文本的区域大小是固定的,但是文本长度并不总是固定的。比如列表中的文章标题、界面下方的按钮文本等等。为了尽...
  • 文本格式化控制字体控制文本格式 表格样式表格常用样式...固定定位 列表样式list-style-type(有序/无序列表) list-style-image 固定定位显示方式默认显示方式改变显示方式 鼠标形状如何改变鼠标形状cursor属性
  • 我们在写前端页面组件的时候经常会见到这种很经典的列表布局:辅助信心或者标题过长一行会显示多个元素,标题不能换行,可以抽象为左边的标题和右边的辅助信息,当标题不是很长的时候显示是正常的,会遇到几个问题:...
  • 如何设计出优雅的表格?这个问题远没有想象中简单。除了纯粹的数据显示,还需要加入众多实用功能(诸如导航、筛选、导出、嗅探等)。纵轴和横轴的垂直交叉,画出新空间。首先明确三个概念:列表、表格、表单。列表,...
  • 最近做的一个需求,当列表...列表固定显示少量的数据,比如60条 在列表滚动的时候不断的去插入删除dom startIndex、endIndex,不断的改变这个值来获取最新的显示列表 paddingTop、paddingBottom撑开容器的滚动区...
  • EPLAN中显示属性的位置如何理解

    千次阅读 2018-04-24 23:41:49
    从下拉列表中选择文本所需的方向。此方向规定了插入点相对于文本所在的位置。设置只能用于主要属性且对块中的全部属性有效(即主要属性 + 固定属性)。需要注意的是,这里的方向是插入点相对于文本的位置,这就是为...
  • 有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学...
  • 这是官方索引的效果图,右侧的内容是固定的,也可以根据字母的数量自动调节高度。 这种智能的算法,会带来很多不必要的麻烦。这也是本人觉得mui做的很差的地方。页面和js高度耦合。如果不小心改掉了一个class可能...
  • 先来看进入详情页时的动画,从列表中所在 item 的位置一直放大到详情页的显示位置,这里我可以先告诉大家,当我们点击了这个 item 的时候,就已经启动了详情页,然后在详情页做相应的动画效果。既然是在详情页做动画...
  • 本周的聊技术话题和大家说说如何在Android中实现自适应文本大小显示。 想象一下,在布局中,通常显示文本的区域大小是固定的,但是文本长度并不总是固定的。比如列表中的文章标题、界面下方的按钮文本等等。 为了尽...
  • 中继器可以显示数据列表,但是当数据列表数据条数较多,如上百上千上万的时候,一个页面显示可能会过于冗长。在这种情况下,通常的做法就是分页显示,每页显示固定条数的数据,可以进行上页下页进行查看数据,当然也...
  • iOS操作属性列表plist(增删改查)

    千次阅读 2015-08-18 10:10:19
    iOS的存储方式之一——属性列表plist,还是经常见到的,可以很方便的用来管理一些有序的批量数据,特别是用来显示固定的内容到表单上时,不需要在代码中反复地繁琐编写数组,而可以在plist属性列表中进行可视化操作...
  • 注:如果我们给每个 li 指定固定宽度的话,当在不同的设备上显示时,显示的效果就会不同,那么如何解决这个问题呢? 1.2 如何解决上面描述的问题 第一 基于 375px 的屏幕 进行开发 第二 使用 百分比布局 ,比如一行...
  • 在本教程中,我们将了解如何创建具有固定页眉和页脚但具有可滚动内容的简单Android布局。 尽管布局中的某些组件尽管要显示的项目数量很多,但对用户始终是可见的,您可能会发现这特别有用。 菜单栏,选项按钮,小...
  • 为了解决原型函数只能显示固定数目的参数的不足,C语言定义了一种访问数目未定的参数列表的机制,这就是可变参数列表。 二、如何使用? “声明 开始 使用 结束”三步完成。 type fun(list_num,...) { va_list vlist...
  • 显示评论列表的时候因为有固定宽,但是显示的内容超出的了div的宽,在这种情况下我们需要将其换行,实现的css代码如下

空空如也

空空如也

1 2 3 4 5 ... 12
收藏数 228
精华内容 91
关键字:

如何固定列表显示