由买买提看人间百态

boards

本页内容为未名空间相应帖子的节选和存档,一周内的贴子最多显示50字,超过一周显示500字 访问原贴
Programming版 - AngularJS ngGrid 怎么给每列做range slider呢?
相关主题
学angular js有哪些有用的书?Any possibility to make this expression faster?
今天很郁闷[合集] 这是个数学问题吧? 想不出来
Three C/C++ Programming Questions问个问题
请教一个design的问题请教这段Code到底是哪错了?
问个问题从今天开始起,学C++!
Looking for code example to get stock data葵花宝典之四大神功
visual stdio 2005 questioniphone/ipad javascript snippet editor
What is automatic space allocation in C++?请问mac下或linux下有什么像turbo c一样最简单的c语言ide
相关话题的讨论汇总
话题: slider话题: 每列话题: grid话题: range话题: nggrid
进入Programming版参与讨论
1 (共1页)
l*********i
发帖数: 29
1
新手在学习中, 看到这个例子http://plnkr.co/edit/?p=preview
想对每列值用slider滑动取值,怎么实现呢?
有code snippet 参考么?
谢谢
d****n
发帖数: 1637
W***o
发帖数: 6519
3
https://material.angularjs.org/0.9.6/#/demo/material.components.slider

【在 l*********i 的大作中提到】
: 新手在学习中, 看到这个例子http://plnkr.co/edit/?p=preview
: 想对每列值用slider滑动取值,怎么实现呢?
: 有code snippet 参考么?
: 谢谢

c******n
发帖数: 16666
4
非angular-md外就这个最好用

【在 d****n 的大作中提到】
: http://rzajac.github.io/angularjs-slider/index.html
c*********e
发帖数: 16335
5
就这么个小功能也要用轮子?

【在 c******n 的大作中提到】
: 非angular-md外就这个最好用
l*********i
发帖数: 29
6

谢谢,不过我不是问slider怎么做。
而是问怎么为诸如table or grid里的每一个列 column的tab上做各自范围选择的range
slider啊。
单独的slider会的, 就是不知道怎么做进表格里。
再谢谢啦。

【在 d****n 的大作中提到】
: http://rzajac.github.io/angularjs-slider/index.html
l*********i
发帖数: 29
7
可是,还是不知道怎么把 range slider做进表格的column里啊?range slider inside
of column
有类似的例子么?

【在 c*********e 的大作中提到】
: 就这么个小功能也要用轮子?
c******n
发帖数: 16666
8
这个轮子用了之后就不用手动写blur了
我有个应用是 拖好了实时计算 默认的啃爹货你拖一下 他能给你计算几十次
其他几个轮子要listen global event
这个直接可以上

【在 c*********e 的大作中提到】
: 就这么个小功能也要用轮子?
c******n
发帖数: 16666
9
你用的是ng grid不是ui-grid?
如果你用ui的话
重写row的template就好了
他们网站有几个地方没更新
最新版的可用template是
rowTemplate: '
"(colRenderIndex, col) in colContainer.renderedColumns track by col.uid"
class="ui-grid-cell" ng-class="col.colIndex()" ui-grid-cell>
',
我这行是加了个peekView,就是多了个点击开md-Dialog 的功能 同理你自己也可以搞
其他的
记得把gridApi给暴露出来
someCtrl.gridOptions.onRegisterApi = function (gridApi) {
someCtrl.gridApi = gridApi;
};

inside

【在 l*********i 的大作中提到】
: 可是,还是不知道怎么把 range slider做进表格的column里啊?range slider inside
: of column
: 有类似的例子么?

c******n
发帖数: 16666
10
哈哈 你估计想不到这个表格轮子我的项目里给我改成什么样子了
相关主题
Looking for code example to get stock dataAny possibility to make this expression faster?
visual stdio 2005 question[合集] 这是个数学问题吧? 想不出来
What is automatic space allocation in C++?问个问题
进入Programming版参与讨论
l*********i
发帖数: 29
11
我在module里引用了ui.grid
多谢你哈, 我去读一下,好多东西不是很明白。
对了, 还有一个问题是, 有什么办法可以多次为表格cell生成随机数字,用于每列过
滤呢, for test?
是要对每列cell单独随机生成, 还是一起随机生成呢?

repeat=

【在 c******n 的大作中提到】
: 你用的是ng grid不是ui-grid?
: 如果你用ui的话
: 重写row的template就好了
: 他们网站有几个地方没更新
: 最新版的可用template是
: rowTemplate: '
: "(colRenderIndex, col) in colContainer.renderedColumns track by col.uid"
: class="ui-grid-cell" ng-class="col.colIndex()" ui-grid-cell>
',
: 我这行是加了个peekView,就是多了个点击开md-Dialog 的功能 同理你自己也可以搞
: 其他的

c******n
发帖数: 16666
12
不确认看懂了你的需求
你页面载入的时候先把要放进grid的array处理下
那时候就可以产生随机数
如果页面载入后要改 也不是不可以 就是markup比较丑 对应一个cell的地址加起来几
十个字母。。看得烦

【在 l*********i 的大作中提到】
: 我在module里引用了ui.grid
: 多谢你哈, 我去读一下,好多东西不是很明白。
: 对了, 还有一个问题是, 有什么办法可以多次为表格cell生成随机数字,用于每列过
: 滤呢, for test?
: 是要对每列cell单独随机生成, 还是一起随机生成呢?
:
: repeat=

l*********i
发帖数: 29
13
多谢chunjuan。
现在搞了个随机生成数据的data grid,在页面顶端为每个col做了range slider。
利用了uiGrid自带的condition: uiGridConstants.filter.xxx, 做filter。 不过就是
这种方式只能手动输入选择值。
问题是: 1)有什么办法,把上面每列的range slider取的值放进condition:
uiGridConstants.filter 里面??
2) 还是老问题, 有什么办法把slider 做进column header呢?

【在 c******n 的大作中提到】
: 不确认看懂了你的需求
: 你页面载入的时候先把要放进grid的array处理下
: 那时候就可以产生随机数
: 如果页面载入后要改 也不是不可以 就是markup比较丑 对应一个cell的地址加起来几
: 十个字母。。看得烦

c******n
发帖数: 16666
14
1.expose grid.api
2.查文档 找到对的template 改之

【在 l*********i 的大作中提到】
: 多谢chunjuan。
: 现在搞了个随机生成数据的data grid,在页面顶端为每个col做了range slider。
: 利用了uiGrid自带的condition: uiGridConstants.filter.xxx, 做filter。 不过就是
: 这种方式只能手动输入选择值。
: 问题是: 1)有什么办法,把上面每列的range slider取的值放进condition:
: uiGridConstants.filter 里面??
: 2) 还是老问题, 有什么办法把slider 做进column header呢?

l*********i
发帖数: 29
15
谢谢大牛的指导。
后来我在打算修改template的时候,发现可以用 UI Grid external filtering自己的
$scope.gridOptions.columnDefs[0].filter[0].term去给每一列单独做filter,同时$
watch把用户slider上value的change, bind到grid每列filters的condition框里,正
好做了个two way data binding。

【在 c******n 的大作中提到】
: 1.expose grid.api
: 2.查文档 找到对的template 改之

c******n
发帖数: 16666
16
恩 我就是用这个做了外部tree-view checkbox-ish filter


时$

【在 l*********i 的大作中提到】
: 谢谢大牛的指导。
: 后来我在打算修改template的时候,发现可以用 UI Grid external filtering自己的
: $scope.gridOptions.columnDefs[0].filter[0].term去给每一列单独做filter,同时$
: watch把用户slider上value的change, bind到grid每列filters的condition框里,正
: 好做了个two way data binding。

1 (共1页)
进入Programming版参与讨论
相关主题
请问mac下或linux下有什么像turbo c一样最简单的c语言ide问个问题
请教一个C++问题Looking for code example to get stock data
一直没有很好理解thread join itself,哪位解惑一下 (转载)visual stdio 2005 question
vector的析构问题What is automatic space allocation in C++?
学angular js有哪些有用的书?Any possibility to make this expression faster?
今天很郁闷[合集] 这是个数学问题吧? 想不出来
Three C/C++ Programming Questions问个问题
请教一个design的问题请教这段Code到底是哪错了?
相关话题的讨论汇总
话题: slider话题: 每列话题: grid话题: range话题: nggrid