ngGrid checkbox應用
$scope.mySelections = []; //初始化核取方塊的值
$scope.gridOptions = {
rowTemplate: '<div style="height: 100%"><div ng-style="{ \'cursor\': row.cursor }" ng-repeat="col in renderedColumns" ng-class="col.colIndex()" class="ngCell ">' +
'<div class="ngVerticalBar" ng-style="{height: rowHeight}" ng-class="{ ngVerticalBarVisible: !$last }"> </div>' +
'<div ng-cell></div>' +
'</div></div>',
enableRowSelection: true,
enableCellEditOnFocus: true,
showSelectionCheckbox: true,
selectedItems:$scope.mySelections,//宣告覆選框選中所獲取值
enablePinning: true,checkboxHeaderTemplate:"<div></div>",
columnDefs: [{
field: 'acode',
displayName: '程式碼',
enableCellEdit: false,
width:80
}
],
enablePaging: false,
showFooter: false
};
//以下是我的提交按鈕
$scope.submitYLZForm=function(isValid){
if(isValid){
//遍歷被選中核取方塊的值
angular.forEach($scope.mySelections,function(item){
consolo.log(item);
});
}
}
相關文章
- 基於 Bootstrap 和 jQuery 的 checkbox 的應用bootjQuery
- Android ExpandableListView 帶有Checkbox的簡單應用AndroidView
- 點選文字啟用CheckBox的JavaScriptJavaScript
- checkbox操作
- jQuery :checkboxjQuery
- 使用js操作checkboxJS
- WPF CheckBox ToolTip Image
- jquery幾種用來檢查checkbox是否選中的方法jQuery
- Winform 用string型別的屬性來繫結CheckBox薦ORM型別
- Checkbox 陣列 不更新陣列
- 自定義 checkbox 新玩法 ?
- 自定義 checkbox 樣式
- GridView與javascript、checkboxViewJavaScript
- van-checkbox + dialog
- Jquery使用[Input type="checkbox&jQuery
- ListView全選刪除CheckBoxView
- CSS3 checkbox美化效果CSSS3
- Android中自定義CheckboxAndroid
- checkbox樣式研究——按鈕
- 微信小程式、流應用、原生應用app、輕應用微信小程式APP
- 消除IE瀏覽器下快速雙擊checkbox核取方塊反應延遲瀏覽器
- 應用
- HTML input checkbox 核取方塊HTML
- checkbox name屬性值注意點
- jQuery操作checkbox選擇程式碼jQuery
- 關於JQuery操作checkbox問題jQuery
- HTML input checkbox核取方塊HTML
- js判斷checkbox是否選中JS
- JavaScript獲取選中checkbox valueJavaScript
- CSS 美化checkbox核取方塊CSS
- js checkbox 全選 取消全選JS
- jQuery checkbox核取方塊操作jQuery
- 【emWin】例程十九:視窗物件——Checkbox物件
- easyui datagrid editor checkbox 選中UI
- css的checkbox樣式變化CSS
- jQuery 實現checkBox全選效果jQuery
- jquery獲取checkbox是否選中jQuery
- Android 中的 Checkbox 詳解Android