angularjs popup-table 弹出框表格指令

最新推荐文章于 2022-04-04 09:42:18 发布
最新推荐文章于 2022-04-04 09:42:18 发布
阅读量2.3k 收藏
点赞数
分类专栏： C# asp.net开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fuweiping/article/details/65635699
版权 
//表格处理
app.directive('popupTable', ['$http', '$rootScope', '$cookies', '$location', function ($http, $rootScope, $cookies, $location) {
    return {
        restrict: 'E',
        templateUrl: 'popuptable_templete.html',
        scope: {
            url: '=',
            routepath: '=?',
            routetype: '=?',
            onCallback: '&',
            mulitselect: '=',
            selectnode: '=?'
        },
        link: function ($scope, element, attrs) {
            $scope.myValue = false;
            $scope.checkallvalue = false;

            var primaryKeyFieldName = "";
            var codeFieldName = "";
            $scope.showAddButton = true;
            $scope.showRefreshButton = true;
            var checkList = new Array();

            //监视url变化。从而重新读取数据
            $scope.$watch('url', function (newVal, oldVal) {
                if (oldVal != newVal) {
                    //设定全选为false
                    $scope.checkallvalue = false;
                    querySearch(0, "");
                }
            });

            //选择所有
            $scope.checkall = function () {
                if (angular.isDefined($scope.popupdata) && $scope.popupdata.length > 0) {
                    angular.forEach($scope.popupdata, function (item, index) {
                        $scope.changeChoose($scope.checkallvalue, item);
                    });
                }
            }

            //选择改变时事件
            $scope.changeChoose = function (check, data) {
                var index = findSelected(data);
                if (check) {
                    if (index <= -1)
                        checkList.push(data);
                } else {
                    if (index > -1)
                        checkList.splice(index, 1);
                }
            }

            //通过data数据在数组中查询,并返回所在的索引，没有找到则返回-1
            function findSelected(data) {
                var indexvalue = -1;
                if (angular.isUndefined(checkList) || checkList.length <= 0 || primaryKeyFieldName == "")
                    return indexvalue;
                angular.forEach(checkList, function (item, index) {
                    if (indexvalue == -1) {
                        if (item[primaryKeyFieldName] == data[primaryKeyFieldName]) {
                            indexvalue = index;
                        }
                    }
                });
                return indexvalue;
            }

            //判断是否选中
            $scope.isChecked = function (rowdata) {
                return findSelected(rowdata) > -1;
            }

            //1、读取网络数据，分页，搜索 
            function querySearch(index, searchText) {
                if ($scope.popupdata != null && $scope.popupdata.length > 0)
                    $scope.popupdata = null;
                //初始化
                var params = { "SearchKey": searchText, "UserId": $rootScope.loginUserId };
                params = angular.extend(params, { "IsGetColumns": index > 0 ? false : true });

                //刷新或者查询的时候需要清空已选择项
                if (index > 0)
                    checkList.splice(0, checkList.length);

                $scope.loading = true;
                $(".no-data-div").hide();

                serverRequestwithformdata($http, $rootScope.SystemUrl + $scope.url + "/PopupList", $.param(params), function (data) {
                    console.info(data);
                    $scope.loading = false;
                    if (data.status == "ok") {
                        if (index <= 0) {
                            $scope.title = data.windowTitle;
                            $scope.columnlist = data.colums;
                            $scope.showAddButton = data.ShowAdd;
                            $scope.showRefreshButton = data.ShowRefresh;
                            primaryKeyFieldName = data.primayKey;
                            codeFieldName = data.codeField;
                            //url 变化导致执行=>处理已勾选项=>赋值勾选项。
                            if (checkList.length > 0)
                                checkList.splice(0, checkList.length);
                            if (angular.isDefined($scope.selectnode) && $scope.selectnode != null && $scope.selectnode.length > 0)
                                checkList = $scope.selectnode;
                        }
                        $scope.data = data.records;
                        var sum = data.records.length;
                        $(".sum").text("共" + sum + "条数据"); 
                        $scope.pages = Math.ceil(sum / $rootScope.PageSize);
                        $scope.newPages = $scope.pages > 5 ? 5 : $scope.pages;
                        $scope.pageList = [];
                        $scope.selPage = 1;
                        $scope.sumPage = Math.ceil($scope.data.length / $rootScope.PageSize);
                        for (var i = 0; i < $scope.newPages; i++) {
                            $scope.pageList.push(i + 1);
                        }
                        if (sum == 0) {
                            $(".no-data-div").show();
                            $(".no-data-span").val("无数据");
                        }
                        $scope.setData();
                        $(".pages").text("当前第" + $scope.selPage + "页" + "/" + "共" + $scope.sumPage + "页");
                    } else {
                        $(".no-data-div").show();
                        $(".no-data-span").val(data.message);
                    }
                }, function (data) {
                    $scope.loading = false;
                    $(".no-data-div").show();
                    $(".no-data-span").val("访问错误");
                });
            }

            //设置表格数据源(分页)
            $scope.setData = function () {
                //通过当前页数筛选出表格当前显示数据
                $scope.popupdata = $scope.data.slice(($rootScope.PageSize * ($scope.selPage - 1)), ($scope.selPage * $rootScope.PageSize));
                if (angular.isDefined($scope.popupdata) && $scope.popupdata.length > 0) {
                    var indexvalue = 0;
                    angular.forEach($scope.popupdata, function (item, index) {
                        if (findSelected(item) > -1)
                            indexvalue++;
                    });
                    $scope.checkallvalue = (indexvalue == $scope.popupdata.length);
                }
            }

            //打印当前选中页索引
            $scope.selectPage = function (page) {
                if (page < 1 || page > $scope.pages)
                    return;
                if (page > 2) {
                    var newpageList = [];
                    for (var i = (page - 3) ; i < ((page + 2) > $scope.pages ? $scope.pages : (page + 2)) ; i++) {
                        newpageList.push(i + 1);
                    }
                    $scope.pageList = newpageList;
                }
                $scope.selPage = page;
                $scope.setData();
                $scope.isActivePage(page);
                $(".pages").text("当前第" + page + "页" + "/" + "共" + $scope.sumPage + "页");
            };

            //跳转
            $scope.jump = function () {
                var page = parseInt($(".jump-bar").val());
                if ($(".jump-bar").val() == 0) {
                    swal("请输入跳转页数", "", "error");
                    return;
                }
                //不能小于1大于最大
                if (page < 1 || page > $scope.pages) return;
                //最多显示分页数5
                if (page > 2) {
                    //因为只显示5个页数，大于2页开始分页转换
                    var newpageList = [];
                    for (var i = (page - 3) ; i < ((page + 2) > $scope.pages ? $scope.pages : (page + 2)) ; i++) {
                        newpageList.push(i + 1);
                    }
                    $scope.pageList = newpageList;
                }
                $scope.selPage = page;
                $scope.setData();
                $scope.isActivePage(page);
                $(".pages").text("当前第" + page + "页" + "/" + "共" + $scope.sumPage + "页");
            };

            //设置当前选中页样式
            $scope.isActivePage = function (page) {
                return $scope.selPage == page;
            };

            //上一页
            $scope.Previous = function () {
                $scope.selectPage($scope.selPage - 1);
            }

            //下一页
            $scope.Next = function () {
                $scope.selectPage($scope.selPage + 1);
            };

            //关闭弹出框
            function closewindow() {
                $(".pop-up").stop(true, false).fadeOut();
            }

            //取消弹出框
            $scope.PopupCancel = function () {
                closewindow();
            }

            //确定
            $scope.PopupOK = function () {
                if (primaryKeyFieldName == "" || codeFieldName == "") {
                    swal("当前未配置返回信息", "", "error");
                    return;
                }
                //获取选中的数据,并关闭弹出，然后返回填值 
                if (angular.isUndefined(checkList) || checkList.length <= 0) {
                    swal("请勾选要操作的数据", "", "error");
                    return;
                }
                var allowMulti = false;
                if (angular.isDefined($scope.mulitselect)) {
                    allowMulti = $scope.mulitselect;
                }
                var primaryKey = "";
                var codeKey = "";
                //只存在1个的情况
                if (checkList.length == 1) {
                    primaryKey = checkList[0][primaryKeyFieldName];
                    codeKey = checkList[0][codeFieldName];
                } else {
                    //存在多个
                    if (allowMulti == false) {
                        primaryKey = checkList[0][primaryKeyFieldName];
                        codeKey = checkList[0][codeFieldName];
                    } else {
                        angular.forEach(checkList, function (item, index) {
                            primaryKey += item[primaryKeyFieldName] + ",";
                            codeKey += item[codeFieldName] + ",";
                        });
                    }
                }
                if (primaryKey.endsWith(","))
                    primaryKey = primaryKey.substring(0, primaryKey.length - 1);
                if (codeKey.endsWith(","))
                    codeKey = codeKey.substring(0, codeKey.length - 1);
                closewindow();
                if ($scope.onCallback) {
                    $scope.onCallback({ data: checkList, primaryKey: primaryKey, codeKey: codeKey, url: $scope.url });
                }
            }

            //刷新
            $scope.PopupRefresh = function () {
                $("#searchText").val("");
                querySearch(1, "");
            }

            //新增
            $scope.PopupAdd = function () {
                $location.path('/' + $scope.routepath).search({ id: '-1', type: $scope.routetype });
            }

            //搜索
            $scope.PopupSearch = function () {
                querySearch(1, $("#searchText").val());
            }
        }
    };
}]);
模板的url 页面 
<script type="text/javascript">
    $(function () {
        //全选
        $(".Pagingjump-check").click(function () {
            if (this.checked) {
                $(this).parents().parents().parents(".tDefault").find(".table-checked").each(function () {
                    this.checked = true;
                })
            }
            if (!this.checked) {
                $(this).parents().parents().parents(".tDefault").find(".table-checked").each(function () {
                    this.checked = false;
                })
            }
        });
    })
</script>
<div class="pop-up-content">
    <div class="pop-up-table-title">{{title}}</div>
    <div class="pop-up-table-search">
        <input id="searchText" type="text" class="input-search" size="30" placeholder="请输入查询条件">
        <ul class="middleFree block-button-panel-ul pop-up-table-search-btn">
            <li ng-click="PopupSearch()">
                <a href="javascript:void(0)" title="查询" class="cBlue" style="padding: 5px 10px !important">
                    <span>查询</span>
                </a>
            </li>
        </ul>
    </div>
    <div>
        <div class="pop-up-table-panel" style="border-top: 1px solid #DFDFDF">
            <table class="tDefault pop-up-table search-block-process-table">
                <tr nf-if="columnlist.length>0" style="border-top:0px">
                    <td style="width:30px !important">
                        <input id="titleCheck-all" class="Pagingjump-check" name="checkRow" type="checkbox" ng-model="checkallvalue" ng-change="checkall()" >
                    </td>
                    <td class="table-width1" style="width:50px !important">序号</td>
                    <td ng-repeat="column in columnlist |orderBy:column.PopupColumnOrder" width="{{column.PopupDefaultWidth}}" ng-click="col='{{column.ColumnName}}';" ng-show="{{column.IsPopoupColumn}}">{{column.DisplayColumnName}}</td>
                </tr>
                <tr ng-repeat="data in popupdata">
                    <!--ng-checked-->
                    <td><input class="table-checked" name="checkRow" type="checkbox" ng-model="data.selected" ng-change="changeChoose(data.selected,data)" ng-checked="isChecked(data)"></td>
                    <td>{{ $index + 1 }}</td>
                    <td class="table-textalign-left" ng-repeat="column in columnlist|orderBy:column.PopupColumnOrder" ng-show="{{column.IsPopoupColumn}}" datacolumn="{{column.ColumnName}}">{{data[column.ColumnName]}}</td>
                </tr>
            </table>
            <div class="no-data-div">
                <span class="no-data-span">无数据</span>
            </div>
            <div class="loading-page" style="height:300px !important;" ng-if="loading">
                <div class='uil-default-css' style='transform: scale(0.2); width: 100% !important; height: 300px !important;'>
                    <div class="loadingpoint" style=' -webkit-transform:rotate(0deg) translate(0,-60px) ; transform:rotate(0deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(30deg) translate(0,-60px); transform: rotate(30deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(60deg) translate(0,-60px); transform: rotate(60deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(90deg) translate(0,-60px); transform: rotate(90deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(120deg) translate(0,-60px); transform: rotate(120deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(150deg) translate(0,-60px); transform: rotate(150deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(180deg) translate(0,-60px); transform: rotate(180deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(210deg) translate(0,-60px); transform: rotate(210deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(240deg) translate(0,-60px); transform: rotate(240deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(270deg) translate(0,-60px); transform: rotate(270deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(300deg) translate(0,-60px); transform: rotate(300deg) translate(0,-60px);'></div>
                    <div class="loadingpoint" style=' -webkit-transform: rotate(330deg) translate(0,-60px); transform: rotate(330deg) translate(0,-60px);'></div>
                </div>
            </div>
        </div>
        <div class="block-button-panel2">
            <div class="table-pagingjump-div" style="bottom: 0px;width: 100%;height: 35px;padding: 4px;">
                <div class="Pagingjump-function-panel" style="float:right;width:auto">
                    <nav>
                        <ul class="pagination Pagingjump-function-ul Pagingjump-table-ul">
                            <li>
                                <input type="text" style="padding: 2px 2px 3px 2px!important;width:40px" class="jump-bar" size="5" value="" οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" />
                            </li>
                            <li>
                                <a ng-click="jump()" class="table-pagination-a">
                                    <div class="fs1 iconb" data-icon=""></div>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="Pagingjump-check-panel-table" style="float:right">
                    <span class="sum">共0条数据</span>
                    <span class="pages">当前第1页/共1页</span>
                </div>
                <div class="Pagingjump-function-panel" style="float:left">
                    <nav>
                        <ul class="pagination Pagingjump-function-ul Pagingjump-table-ul">
                            <li>
                                <a ng-click="Previous()" class="table-pagination-a">
                                    <div class="fs1 iconb" data-icon=""></div>
                                </a>
                            </li>
                            <li ng-repeat="page in pageList" ng-class="{active: isActivePage(page)}" class="table-pagination-a">
                                <a ng-click="selectPage(page)">{{ page }}</a>
                            </li>
                            <li>
                                <a ng-click="Next()" class="Pagingjump-function-nextpage table-pagination-a">
                                    <div class="fs1 iconb" data-icon=""></div>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </div>
        <div class="pop-up-button-panel">
            <div class="block-button-panel-left">
                <ul class="middleFree block-button-panel-ul">
                    <li ng-click="PopupAdd()" ng-if="showAddButton">
                        <a href="javascript:void(0)" title="新增" class="cBlue" style="padding: 5px 10px !important">
                            <span>新增</span>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="block-button-panel-right">
                <ul class="middleFree block-button-panel-ul">
                    <li ng-click="PopupRefresh()" ng-if="showRefreshButton">
                        <a href="javascript:void(0)" title="刷新" class="cBlue">
                            <span>刷新</span>
                        </a>
                    </li>
                    <li ng-click="PopupOK()">
                        <a href="javascript:void(0)" title="确定" class="cBlue">
                            <span>确定</span>
                        </a>
                    </li>
                    <li ng-click="PopupCancel()">
                        <a href="javascript:void(0)" title="取消" class="cRed">
                            <span>取消</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

调用：

//打开弹出框
        $scope.openpop = function (type) {
            $(".pop-up").stop(true, false).fadeIn();
            //根据绑定值进行读取操作
            if (type == "SearchHistory") {
                //请求数据即可.读取List接口

            } else {
                //读取PopupList接口               
                $scope.routetype = "ReturnPopup";
                if (type == "process")
                    $scope.routepath = "ProcessDetail";
                else if (type == "productmodel")
                    $scope.routepath = "ProductModelDetail";
                var temp = $cookies.get(type + "checkcache");
                if (angular.isDefined(temp) && temp != null)
                    $scope.selectnode = jQuery.parseJSON(temp);
                $scope.urlpart = type;
            }
        }

        $scope.popupcallback = function (data, primaryKey, codeKey, url) {
            //根据url存储data
            if (data != null & data.length > 0)
                $cookies.put(url + "checkcache", JSON.stringify(data));
            if (url == "process") {
                $scope.selectprocessNametip = codeKey;
                $scope.selectprocessIdtip = primaryKey;                 
            }
            else if (url == "productmodel") {
                $scope.selectproductNametip = codeKey;
                $scope.selectproductIdtip = primaryKey;
            }
        }
<!--表格弹框-->
    <div class="pop-up">
        <popup-table url="urlpart" routepath="routepath" routetype="routetype" on-callback="popupcallback(data,primaryKey, codeKey,url)" mulitselect="true" selectnode="selectnode"></popup-table>
    </div>



流苏1990
关注
专栏目录
angular-popups浮动框
08-06
基于 AngularJS 的浮层组件，由 artDialog 演进而来。 使用 AngularJS 自带的ng-if、ng-show、ng-hide控制浮层的显示与隐藏 支持 ARIA 规范、无障碍焦点管理、快捷键关闭 完全基于 HTML 标签，高可定制化 可以指定元素对齐或者页面居中显示 可以使用模态特性 演示站点：https://aui.github.io/angular-popups/
动态创建Angular组件实现popup弹窗功能
08-29
主要介绍了动态创建angular组件实现popup弹窗,需要的朋友可以参考下
AngularPopup:Angular PopupModal 指令
06-21
#Angular 弹出窗口 AngularJS 弹出/模态指令。 提供内容的叠加，这些内容将随着褪色的背景而进入和退出视图。 ＃＃安装 通过添加到 bower.json 或手动安装使用 bower 进行安装。 bower install sm-angular-popup ＃＃用法 将 sm.popup.css 添加到您的应用程序并包含 sm.popup 作为模块依赖项。 angular.module( ' app ' , [ ' sm.popup ' ]) ; 在您的控制器中，包含 popup 作为依赖项。 然后，您可以使用以下内容来显示弹出窗口。 popup.create({ controller: ' popupCtrl ' , templateUrl: ' popup.html ' }).open (); 要将数据传递给弹出控制器，您可以像这样使用数据键。 popup
动态创建angular组件实现popup弹窗
weixin_30617561的博客
09-15 999
承接上文，本文将从一个基本的angular启动项目开始搭建一个具有基本功能、较通用、低耦合、可扩展的popup弹窗(脸红)，主要分为以下几步: 基本项目结构搭建 弹窗服务 弹窗的引用对象 准备作为模板的弹窗组件 使用方法 基本项目结构 因为打算将我们的popup弹窗设计为在npm托管的包，以便其他项目可以下载并使用，所以我们的启动项目大概包含如下结构: package.json // 定义包...
Angular 弹窗 控件
weixin_30432179的博客
02-21 1861
这个控件个人很喜欢，比起primgNG等弹窗组建，这款弹窗可以很轻松的定义自己的样式和布局。 可控参数有：宽度，高度，是否带有关闭图标，基本满足基础弹窗需求。 并且 Title/Content/Footer可以不强制三者并存。 调用组件方法如下： <popup-common *ngIf="showPupup" [width]="600" [height]="3...
Angular-Ej2的Schedule控件里的Popup弹出框一旦点击保存按钮，就一定会被关闭的问题。
qq_37147202的博客
04-04 346
问题描述： 日程表控件上，双击日程，调出Popup窗口，进行事件输入。这时候想在保存的时候，进行一个数据库端的判断，判断输入内容是否符合业务逻辑。这时无论后台返回的是什么，发现这个控制框一定会关闭。这样用户输入的信息就没了，虽然输入内容不合法，但是让客户重新进页面并输入的话，体验比较差。不太合理。 问题原因： 看起来是个简单的同步异步线程处理的问题，即主线程中，开一个往后台访问的业务逻辑，前端没等后台返回内容，就关闭了。但是因为是别人家的写好的控件，所以比较复杂。（async.await什么的异步
详解angularjs popup-table 弹出框表格指令
12-11
本文主要介绍了angularjs popup-table 弹出框表格指令，分享给大家，具体如下： //表格处理 app.directive('popupTable', ['$http', '$rootScope', '$cookies', '$location', function ($http, $rootScope, $...
深入解析AngularJS popup-table弹出框表格指令实现
本文将详细介绍AngularJS中的popup-table弹出框表格指令，它是一个实用的组件，用于在用户界面中以弹出窗口的形式展示表格数据。这个指令旨在简化在AngularJS应用中创建动态、交互式的表格，并且支持多选和自定义...
AngularJS popup-table 指令深度解析
本文将深入探讨`popup-table`指令，这是一种用于创建弹出框表格的自定义指令，特别适用于在Web应用中展示和操作数据。 `popup-table`指令的定义如下： ```javascript app.directive('popupTable', ['$http', '$...
popup-container:您内容的简单弹出容器
05-14
弹出容器 使用jQuery的内容的简单弹出容器 用法 导入jQuery库（我使用的是jquery-1.10.2版本）和libs.js < script type =" text/javascript " src =" libs.js " > </ script > 加载样式表（弹出样式表...
AngularJs的UI组件ui-Bootstrap之Tooltip和Popover
12-12
tooltip和popover是轻量的、可扩展的、用于提示的指令。对于移动端来讲，这两个指令虽然可以正常工作，但是从用户体验的角度并不推荐使用。 先说tooltip，tooltip有三种使用方式： （1）uib-tooltip 定义提示的文本 （2）uib-tooltip-html 定义提示的html字符串，该字符串不会编译为html内容（需要使用$sce.trustAsHtml编译为html内容）。需要注意内容安全，防止脚本攻击 （3）uib-tooltip-template 定义提示的html内容，该内容需要放在一个span或者div标签中 代码为： <!DOCTYPE html> <h
popup.js及详细示例
06-23
百度弹出框的javascript文件，popup.js及详细的示例，很容易套用。。
ajax提交form表单数据_用layui前端框架弹出form表单以及提交
weixin_39982568的博客
11-21 446
第一步:引用两个文件第二步:点击删除按钮弹出提示框/*删除开始*/$(".del").click(function () {var id = $(this).attr("id");layer.alert('您确定要删除操作吗?', {skin: 'layui-layer-molv' //样式类名 自定义样式, closeBtn: 1 // 是否显示关闭按钮, anim: 1 //动画类型, btn...
Angular JS 之对表格进行操作
wq857260622的博客
11-09 1740
使用 Angular 对表格进行操作 1、导入所需要的包 2、向表格中添加数据 3、设置事件对表格进行操作 示例图： （如图，点击删除按钮删除表格中的一行） 代码如下： AngularJS之对表格进行操作 <!-- 导包 --> <!-- AngularJS对应的指令 -->
table中点击按钮弹出模态框，获取table中点击的按钮所在行的数据
lijiaren_092008的专栏
04-23 7995
最近在弄bootstrap做前端html5页面，其中有用到表格。 表格中有一列数据是按钮增删数据的操作，需要弹出bootstrap的模态框用来操作。 操作的逻辑是向服务端传递id值，所以就需要去获取该行数据id一列的值。 所以就有这个问题，就是再弹出模态框后，获取点击弹出模态框按钮所在的数据。 可以看下table，需要通过点击操作栏，获取到序号列传给服务器操作。 模态框代码 <!-...
AngularJS中弹窗小细节问题
qq_31404603的博客
08-24 712
在angularjs中使用primeng制作弹窗需要引入BrowserAnimationsModule模块
angularjs table,点击行tr获取tr行数据
晓风揽月
03-06 6203
//tr双击 选中 确定 //方法一 行点击方法 $scope.getData=function(e){ var tr= $(e.target).parents('tr'); var obj={}; obj.index=$(tr).children("td").eq(0).text(); ...
angularjs的插件
tao_wei162的博客
07-06 234
&lt;script src="vendor/angular/angular-animate/angular-animate.js"&gt;&lt;/script&gt; &lt;script src="vendor/angular/angular-cookies/angular-cookies.js"&gt;&lt;/script&gt; &lt;script src="ven
Bootstrap+AngularJS实现对话框、表单和表格
xdevilj136的博客
11-04 6235
Bootstrap+AngularJS实现对话框、表单和表格本文主要介绍Bootstrap+AngularJS实现简单的对话框，并实现表单提交功能，表单提交之后表格的数据同步更新，并且表格实现了选择动态样式和删除行功能。本文适合作为Bootstrap和AngularJS入门的例子来进行学习。 BootstrapAngularJS实现对话框表单和表格 界面展示环境准备 html编码 js脚本编码 总结
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值