angularjs 点滴汇总
2015-08-27 15:51
645 查看
陆续补充这里
1。理解(js内容)
var v = v || {}; 的含义就是 如果定义了 v ,且不为null or undefined,那么就采用这个对象,否则就是空对象。
2。angularjs select的使用
<select name="fiscalYear" class="form-control"
data-ng-change="selectyear();" data-ng-model="entity.year" //类似于onchange事件
data-ng-options="fiscalYear.year as fiscalYear.year for fiscalYear in fiscalYearList" //遍历对象
required data-required-msg="请选择年份!">
option value="">请选择</option>
</select>
//获取选中的值
获取option的值(这里做一个说明:entity.itemType的值是0或者1,这样在编辑页面的时候会默认根据option的值去选中,注意:select是根据option的值来选中)
3。
只能输入数字 这里注意一下 k-format="'0'" 这个0上面有个单引号 还有k-format="'n0'"这种写法,多看看。
<inputtype="text"id="settlementDate1"name="settlementDate1"kendo-numeric-text-boxk-min="0" k-format="'0'" k-ng-model="entity.settlementDate1"/>
4.立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别
方式一,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用在去调用执行
方式二,调用函数,得到返回值。强制运算符使函数调用执行
(function(){})(); 是 把函数当作表达式解析,然后执行解析后的函数
相当于 var a = function(){}; a(); a得到的是函数
(function(){}()); 是把函数表达式和执行当作语句直接执行、
相当于 var a = function(){}(); a得到的是结果
最终结果是一样的、
()只是起了 自执行的作用
和 () 一样的还有很多
比如 +function (){}
这个等于 (function (){}) 一般用(function (){}) 还有个作用,就是 避免全局变量
4.对 angularjs kendo grid 读取值的一个理解
先看图吧。
我们直接操作parentScope.myGrid.dataSource的add或者remove 对应的grid的值是实时更行的。
template: kendo.template('<span class="btn btn-sm glyphicon-move" ng-show="(dataItem.status
== \'1\') && (dataItem.dcSource==\'1\')" ng-click="offset(dataItem)">冲抵</span>')
5.angularJs中使用的kendo grid的的列使用checkbox 获取选中的checkbox (精华)
function checkItems(){
// Get reference to Grid object
var grid = $scope.grid1;
// Get selected rows
var sel = $("input:checked", grid.tbody).closest("tr");
// Get data item for each
var items = [];
$.each (sel, function(idx, row) {
var item = grid.dataItem(row);
items.push(item);
});
return items;
}
6.获取kendo grid表格中所有的行数据
$scope.entity.listDetail =
$scope.grid1.dataSource._data;
(标红这个应该是正确的,之后做的记录)
1。理解(js内容)
var v = v || {}; 的含义就是 如果定义了 v ,且不为null or undefined,那么就采用这个对象,否则就是空对象。
2。angularjs select的使用
<select name="fiscalYear" class="form-control"
data-ng-change="selectyear();" data-ng-model="entity.year" //类似于onchange事件
data-ng-options="fiscalYear.year as fiscalYear.year for fiscalYear in fiscalYearList" //遍历对象
required data-required-msg="请选择年份!">
option value="">请选择</option>
</select>
//获取选中的值
获取option的值(这里做一个说明:entity.itemType的值是0或者1,这样在编辑页面的时候会默认根据option的值去选中,注意:select是根据option的值来选中)
3。
只能输入数字 这里注意一下 k-format="'0'" 这个0上面有个单引号 还有k-format="'n0'"这种写法,多看看。
<inputtype="text"id="settlementDate1"name="settlementDate1"kendo-numeric-text-boxk-min="0" k-format="'0'" k-ng-model="entity.settlementDate1"/>
4.立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 有什么区别
方式一,调用函数,得到返回值。强制函数直接量执行再返回一个引用,引用在去调用执行
方式二,调用函数,得到返回值。强制运算符使函数调用执行
(function(){})(); 是 把函数当作表达式解析,然后执行解析后的函数
相当于 var a = function(){}; a(); a得到的是函数
(function(){}()); 是把函数表达式和执行当作语句直接执行、
相当于 var a = function(){}(); a得到的是结果
最终结果是一样的、
()只是起了 自执行的作用
和 () 一样的还有很多
比如 +function (){}
这个等于 (function (){}) 一般用(function (){}) 还有个作用,就是 避免全局变量
4.对 angularjs kendo grid 读取值的一个理解
先看图吧。
我们直接操作parentScope.myGrid.dataSource的add或者remove 对应的grid的值是实时更行的。
template: kendo.template('<span class="btn btn-sm glyphicon-move" ng-show="(dataItem.status
== \'1\') && (dataItem.dcSource==\'1\')" ng-click="offset(dataItem)">冲抵</span>')
5.angularJs中使用的kendo grid的的列使用checkbox 获取选中的checkbox (精华)
function checkItems(){
// Get reference to Grid object
var grid = $scope.grid1;
// Get selected rows
var sel = $("input:checked", grid.tbody).closest("tr");
// Get data item for each
var items = [];
$.each (sel, function(idx, row) {
var item = grid.dataItem(row);
items.push(item);
});
return items;
}
6.获取kendo grid表格中所有的行数据
$scope.entity.listDetail =
$scope.grid1.dataSource._data;
(标红这个应该是正确的,之后做的记录)
相关文章推荐
- ngGrid checkbox应用
- ionic中点击图片看大图的实现
- JavaScript调用AngularJS的函数/$scope/变量
- angularjs 去往其他页面,目标页面controller中的方法无法自动加载
- angularjs 切换页面传参数
- angularjs 页面返回 参数传递
- angularJS学习资源最全汇总
- angularjs+requirejs整合
- angularjs自动加载和手动加载
- AngularJS的加载执行过程
- AngularJS 学习笔记值post传值
- 【转】Angularjs Controller 间通信机制
- asp.net mvc中用angularJs写的增删改查的demo。初学者,求指点。。
- Angular directive实践($compile , ngModel ...)
- ionic+AngularJS欢迎引导界面
- 深入理解 AngularJS 的 Scope
- 一个Angularjs实际项目的开发历程微博
- angularjs 前端传递人员验证信息给后台
- AngularJS学习笔记(1)
- [Angular 2] 8. Better ES5 Code