Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 模态窗口内的ng网格仅在模态第一次打开时工作_Javascript_Angularjs_Twitter Bootstrap_Modal Dialog_Ng Grid - Fatal编程技术网

Javascript 模态窗口内的ng网格仅在模态第一次打开时工作

Javascript 模态窗口内的ng网格仅在模态第一次打开时工作,javascript,angularjs,twitter-bootstrap,modal-dialog,ng-grid,Javascript,Angularjs,Twitter Bootstrap,Modal Dialog,Ng Grid,我在模式窗口中有一个网格(必须在那里,因为我的客户确实希望这样),当模式第一次打开时,可以选择网格中的行,所选项目显示在父窗口的div中,一切似乎都很好,但是当模式窗口关闭并再次打开时,ng网格中的行已冻结,我无法取消选择旧行或选择新行。他的想法是,他可以通过选择或取消选择ng网格中的行来添加或删除细节,但这只会添加,而且只是第一次打开模式窗口 $scope.catalogOptions = { data: 'catalog', selectedItems: $s

我在模式窗口中有一个网格(必须在那里,因为我的客户确实希望这样),当模式第一次打开时,可以选择网格中的行,所选项目显示在父窗口的div中,一切似乎都很好,但是当模式窗口关闭并再次打开时,ng网格中的行已冻结,我无法取消选择旧行或选择新行。他的想法是,他可以通过选择或取消选择ng网格中的行来添加或删除细节,但这只会添加,而且只是第一次打开模式窗口

$scope.catalogOptions = {
        data: 'catalog',
        selectedItems: $scope.selectedDetails,
        columnDefs: [
            { field: "Num", displayName: 'NUM', width:"10%"},
            { field: "Type", displayName: 'TYPE', width:"90%"}],
        multiSelect: true,
        afterSelectionChange: function(item, event){
            if($scope.selectedDetails.length!=0){
                $scope.sdetails=$scope.selectedDetails;
            }
        }
    };
    $scope.sdetails=null;
这是我的控制器中的ng网格定义,我还必须说,ng网格的模态窗口是从另一个模态窗口调用的(我的客户要求这样做),基本上结构是“主页>添加记录模态>添加细节模态”,我使用这个插件,通过带有数据切换和href的按钮调用模态


我想做的是可能的吗=(

您是否检查了afterSelectionChange方法被调用的次数?如果您是第二次选择一行,此回调将被调用两次,一次用于先前选择的行,一次用于新选择的行

    afterSelectionChange: function(item, event){
        if(item.selected) { //<-- only execute the below for the selected row
            if($scope.selectedDetails.length!=0){
                $scope.sdetails=$scope.selectedDetails;
            }
        }
    }
afterSelectionChange:功能(项目、事件){

如果(选定项){//如果没有实际的例子,很难回答。请提供JSFIDLE或plnkr示例。很抱歉,我对Web开发非常陌生,而且我的英语不是很好。我没有找到我需要的插件来充分显示我在plnkr中的问题,但我决定从jschr中删除引导插件,选择一个为angular设计的,一切似乎都很好现在,tnks for your time,看起来像是模态窗口,在这两种情况下,我都需要它来工作,我的代码在模态窗口第一次打开时就按预期工作。经过更多检查,模态窗口内的日期选择器在模态窗口第一次打开时也在工作,因此我更改了我的aproach看起来有什么东西正在解除模型的绑定。在使用boostrap.ui模式后,每次我打开模式时,我的日期选择器都会正常工作,而不是为ng网格打开另一个模式,我只是将它放在第一个模式中的某个位置,作为客户选择详细信息的检查表。