角度Ui网格非负值

时间:2015-07-15 04:54:42

标签: angularjs angular-ui-grid

我在我的应用程序中使用ui-grid v3.0.0-rc.22。我使用ui-grid-edit启用了编辑功能。

我在columnDefs

中使用了以下内容
{displayName: 'Price', field: 'price', type: 'number', width: 70, aggregationType: uiGridConstants.aggregationTypes.sum, },

如何停止在此

中插入负值

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:3)

在Ui-Grid中,编辑器使用ui-grid / cellEditor模板进行渲染。默认模板没有任何验证作为其中的一部分。要添加验证,您可以提供自己的editableCellTemplate并提供最小值以满足您的要求。

editableCellTemplate :"<div><form name=\"inputForm\"><input type=\"INPUT_TYPE\" ng-class=\"'colt' + col.uid\" ui-grid-editor ng-model=\"MODEL_COL_FIELD\" min=\"0\"></form></div>"

这只是默认模板的副本,但添加了min =“0”以避免负数。

在这里查看工作样本......

http://plnkr.co/edit/cHhiXYKflQMvnOI2C5lj?p=preview

答案 1 :(得分:0)

最简单的事情是输入type="number"min="0"

另一种方法是在输入中放置和ng-model,并使用ng-change验证其值。