首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在我的dojo GridX中选择的特定列中将按钮对齐?

如何在我的dojo GridX中选择的特定列中将按钮对齐?
EN

Stack Overflow用户
提问于 2014-11-05 11:51:24
回答 1查看 185关注 0票数 0

我能够在标题中对文本进行居中,使用如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
[colid="startstop"].gridxCell{ 
    text-align: center; 
}

我以为这将使所有属于startstop列的行单元格中心化,但它没有。我的startstop列在每一行中都包含一个按钮。我还有两个像这样的专栏。如何在我选择的三列中对按钮进行居中?

这是我的结构的一部分:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
                     { id: 'startstop', field: 'startstop', name: 'Start/Stop', width: '61px', 
                        widgetsInCell: true, 
                        navigable: true, 
                        allowEventBubble: true, 
                        decorator: function(){ 
                                //Generate cell widget template string 
                                return [ 
                                        '<button data-dojo-type="dijit.form.Button" ', 
                                        'data-dojo-attach-point="btn" ', 
                                        'class="startStopButton" ', 
                                        'data-dojo-props= ', 
                                        '"onClick: function(){', 
                                                'alert(\'Start/Stop\');', 
                                        '}"><img src="images/1413390026_control.png" /></button>' 
                                ].join(''); 
                        }, 
                        setCellValue: function(data){ 
                                //"this" is the cell widget 
                                this.btn.set('label', data); 
                        } 
                    }, 

这里是我的css类-它现在只做按钮的大小,因为我有其他困难,让它自己工作-但这是另一个问题。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.startStopButton .dijitButtonNode {
  width: 16px;
  height: 16px;
  text-align: center;
}
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-11-06 11:51:43

如果要在单元格中包含小部件,建议使用widgetsInCell标志以及onCellWidgetCreatedsetCellValue方法(如文档中的这里)。

下面是如何使用带有水平滑块的单元格:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
{
  id: 'scoreColId',
  field: 'score',
  name: 'Score',
  width: '15%',

  // flag there are widgets in cell so that they are destroyed when grid is destroyed
  widgetsInCell: true,

  // method to create the widget (no cell-specific data yet)
  onCellWidgetCreated: function(cellWidget, column) {
    // outer div to center align the widget inside placed in the cell
    var outerDiv = domConstruct.create('div', {
      style: {
        'text-align': 'center'
      }
    }, cellWidget.domNode);

    // create the widget and place it in the div (already inside the cell)
    cellWidget.slider = new HorizontalSlider({
      minumum: 0,
      maximum: 10,
    });
    cellWidget.slider.placeAt(outerDiv);
  },

  // set each cell with it's specific data
  setCellValue: function(gridData, storeData, cellWidget) {
    var score = gridData.docScore;
    cellWidget.slider.set('value', score);
  }
},

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26765830

复制
相关文章
laravel 预加载特定的列
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/112351.html原文链接:https://javaforall.cn
全栈程序员站长
2022/07/08
7070
laravel 预加载特定的列
解决bootstrap-table-fixed-columns.js显示列与隐藏列按钮切换表格不对齐
含有data-show-columns="true"属性时会在右边显示可以切换列的按钮
tianyawhl
2019/04/04
5.7K0
JS的左右两列自动拉伸对齐
该文提供了一个JS代码,用于实现两个区块自动对齐。具体来说,通过将两个区块的ID分别作为参数传递给函数,该函数将比较两个区块的高度,并相应地更改高度以使它们对齐。该代码可用于任何具有ID的区块,并且可以在任何HTML文档中使用。
练小习
2017/12/29
3.6K0
如何在 Python 中将作为列的一维数组转换为二维数组?
数组是编程中的基本数据结构,使我们能够有效地存储和操作值的集合。Python作为一种通用编程语言,提供了许多用于处理数组和矩阵的工具和库。特别是,在处理表格数据或执行需要二维结构的操作时,将 1−D 数组转换为 2−D 数组的能力是一项基本技能。
很酷的站长
2023/08/11
3850
如何在 Python 中将作为列的一维数组转换为二维数组?
Calibre 选择特定的 DRC rule
我们拿到的drc rule中通常会提供一些开关,方便我们按照类型对需要检查的rule进行选择。
白山头
2020/06/29
1.7K0
Python修改文本列对齐
letter                   ->              LadderScore0                   ->        LadderScore1                   ->        LadderScore2                   ->        LadderScore3                   ->        LadderScore4                   ->        LadderScor
py3study
2020/01/15
2.4K0
Python修改文本列对齐
DevExpress控件中的gridcontrol表格控件,如何在属性中设置某一列显示为图片(图片按钮)
DevExpress控件中的gridcontrol表格控件,如何在属性中设置某一列显示为图片(图片按钮)?效果如下图:
acoolgiser
2019/01/17
6.1K0
MFC中的CListCtrl的最左边一列必须左对齐吗?
好久不写MFC的程序了,很多细节问题都记不清了,今晚无意中要用到CListCtrl控件,希望能够表头采用自己绘制的方式显示,于是自己编写了OnPaint方法进行重绘,过程中需要根据每一列的对齐方式进行绘制表头中的标题文字,于是通过CHeaderCtrl的GetItem的方法取得每一列的信息,采用了如下语句: HDITEM tItem;   ::ZeroMemory(&tItem, sizeof(tItem));   TCHAR lpBuffer[256];     tItem.mask = HDI_TEXT
_gongluck
2018/03/08
1.4K0
adb shell 如何选择特定的设备?
其实这个一查,stackoverflow或者百度谷歌一大把,比如这个“http://stackoverflow.com/questions/14654718/how-to-use-adb-shell-when-multiple-devices-are-connected-fails-with-error-mor”,不过呢,当然要配图才能更加清晰明了了。下面就看下配图版解答。
望天
2018/08/02
4.8K0
adb shell 如何选择特定的设备?
fastadmin如何在列表的操作中添加其他按钮
fastadmin默认的列表操作中只有编辑和删除按钮,如果我们需要添加其他按钮,需要先找到对应的js文件。我们需要在初始化表格中添加buutons属性,原来的js代码如下:
高久峰
2023/06/03
4.3K0
GridBagLayout 以及 GridBagConstraints 用法「建议收藏」
GridBagLayout是一个灵活的布局管理器,部件如果想加入其中需借助GridBagConstraints,其中有若干个参数,解释如下:
全栈程序员站长
2022/09/30
1.6K0
dojo toolkit 的query
h3 All nodes that are heading level 3 h3:first-child All nodes that are the first children of a <h3> header #main A node with id="main" [1] #main h3 All <h3> nodes that are contained by a node with id="main" [1] div#main Only select a node with id="main"
gemron的空间
2019/11/04
5530
用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列。
数据库中有A B C三列,用SQL语句实现:当A列大于B列时选择A列否则选择B列,当B列大于C列时选择B列否则选择C列。
全栈程序员站长
2022/07/09
1.7K0
根据表格特定列的内容来追加图标 原
(adsbygoogle = window.adsbygoogle || []).push({});
tianyawhl
2019/04/04
1.4K0
5、Java Swing布局管理器(FlowLayout、BorderLayout、CardLayout、BoxLayout、GirdBagLayout 和 GirdLayout)
YGingko
2017/12/27
6.3K0
5、Java Swing布局管理器(FlowLayout、BorderLayout、CardLayout、BoxLayout、GirdBagLayout 和 GirdLayout)
Java入门(12)-- Swing程序设计
GUI(图形用户界面)为程序提供图形界面,它最初的设计目的是为程序员构建一个通用的GUI,使其能够在所有的平台上运行,但Java1.0中基础类AWT(抽象窗口工具箱)并没有达到这个要求,于是Swing出现了,它是AWT组件的增强组件,但是它并不能完全替代AWT组件,这两种组件需要同时出现在一个图形用户界面中。
爱学习的程序媛
2022/04/07
5.5K0
Java入门(12)-- Swing程序设计
如何在 Python 中将嵌套的 OrderedDict 转换为 Dict?
Python 是一种流行的编程语言,广泛用于各种应用程序,包括 Web 开发、数据科学和机器学习。它的简单性、灵活性和易用性使其成为所有级别开发人员的绝佳选择。使Python脱颖而出的功能之一是OrderedDict类,它是一个字典子类,可以记住插入项目的顺序。但是,在某些情况下,我们可能需要将嵌套的 OrderedDict 转换为常规字典,以便于进一步处理数据。
很酷的站长
2023/08/11
4770
如何在 Python 中将嵌套的 OrderedDict 转换为 Dict?
点击加载更多

相似问题

使用JsonStore的Dojo Gridx

22

禁用DOJO / Gridx网格中的行

23

使用dojo的gridx创建网格

14

Dojo Gridx动态装饰模板

10

如何在flutter中将列中的按钮并排对齐?

118
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文