标签: modal-dialog

主列表页面有编辑按钮.这将打开已编辑行的详细信息.
方式1:现在,如果我设置"ctrl.parent.q_details.client_location"它将与父列表控制器绑定,它作为双向绑定工作并自动更改值,如编辑框中的更改,这不是必需的.
这里我只想显示并允许在inputbox中编辑值.不希望在父控制器中更改.

►以下是父控制器中调用mdDialog的代码

$mdDialog.show({
                locals:{parent: $scope},                
                clickOutsideToClose: true,                
                controllerAs: 'ctrl',                
                templateUrl: 'quotation/edit/',//+edit_id,
                controller: function () { this.parent = $scope; },
            });

►以下是弹出式mdDialog的代码.

<md-dialog aria-label="">
    <div ng-app="inputBasicDemo" ng-controller="deliverController" layout="column">
        <form name="" class="internal_note_cont">           
            <md-content class="md-padding">             
                <md-input-container class="md-input-has-value" flex>
                    <label>Client Name</label>
                    <input ng-model="qe.client_name" required >
                </md-input-container>
                <md-input-container flex>
                    <label>Client Location</label>
                    <input required ng-model="ctrl.parent.q_details.client_location">
                </md-input-container>                   
            </md-content>
        </form>
        <div>           
        </div>
    </div>
    <input type="" required ng-model="ctrl.parent.q_details.recid">  
</md-dialog>

Way2:第二种方法是直接从DB发送值而不绑定到Dialog控制器的ng-model(deliverController).

]).controller("deliverController", ["$scope", "$filter","$http","$route","$window","$mdDialog",
    function ($scope, $filter,$http,$route,$window,$mdDialog) {
        $scope.qe.client_name = '12345'; // just to test.        
    } …

在jquery模式对话框中,有没有办法选择按钮作为默认操作(当用户按下回车时要执行的操作)？

jquery网站示例: jquery对话框模态消息

在上面的示例中,当用户按下Esc时,对话框将关闭.我想在用户按Enter时调用"Ok"按钮动作.

有没有办法检查是否存在模态视图？我想仅在存在模态视图时才运行方法.此外,如果我有多个模态视图,有没有办法检查是否存在某个模态视图.

我使用以下代码来呈现和消除模态视图:

    [self presentModalViewController:myModalView animated:YES];
    [self dismissModalViewControllerAnimated:YES];

先感谢您!

干杯,埃文

PS.我的模态视图有一个视图控制器,但是我想检查模态视图是否存在于异步运行的单独类中.

这些天我正在研究在Android中模拟模态对话框.我已经google了很多,有很多讨论,但很遗憾没有太多的选择来获得它的模态.这里有一些背景,
对话框,模态对话框和Blockin
对话框/ AlertDialogs:如何在对话框启动时"阻止执行"(.NET风格)

没有直接的方法来获得模态行为,然后我想出了3个可能的解决方案,
1.使用对话框主题的活动,就像这个线程所说的那样,但我仍然无法使主要活动真正等待对话活动返回.主要活动转为停止状态,然后重新启动.
2.构建一个工作线程,并使用线程同步.但是,对于我的应用程序来说,这是一个巨大的重构工作,现在我在主UI线程中有一个主要活动和服务.
3.当存在模态对话框时,在循环内接管事件处理,并在对话框关闭时退出循环.实际上,这是构建一个真正的模态对话框的方式,就像它在Windows中的确切做法一样.我仍然没有这样的原型.

我仍然想用一个以对话为主题的活动模拟它,
1.通过startActivityForResult()启动对话活动
2.从onActivityResult()获取结果
这里有一些来源

public class MainActivity extends Activity {

@Override
public void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);

    MyView v = new MyView(this);
    setContentView(v);
}

private final int RESULT_CODE_ALERT = 1;
private boolean mAlertResult = false;
public boolean startAlertDialog() {
    Intent it = new Intent(this, DialogActivity.class);
    it.putExtra("AlertInfo", "This is an alert");
    startActivityForResult(it, RESULT_CODE_ALERT);

    // I want to wait right here
    return mAlertResult;
}

@Override
protected void onActivityResult (int requestCode, int resultCode, …

所以我和@Jamescoo几乎完全一样,但我认为我的问题来自于我已经定位了几个DIV以创建一个滑动导航面板.

这是我复制的确切设置:http: //jsfiddle.net/ZBQ8U/2/

奖励:如果您愿意,可以随意获取滑动面板的代码:)

z索引不应该冲突,它们的值会显示它们正确堆叠,但在视觉上它们不是.

点击"打开模态"按钮后,即可<div class="modal-backdrop fade in"></div>覆盖所有内容!(你必须重新运行代码才能重置它)

我不知道如何补救这个...任何想法？

我们有一个页面打开一个模式对话框,其形式如下所示.然而,当我们点击应该处理表单操作的控制器时,表单对象是未定义的,我太过一个Angular新手来理解为什么......

这是父页面控制器保存打开模态对话框的功能:

app.controller('organisationStructureController', ['$scope', ..., '$modal', function ($scope, ..., $modal) {

    $scope.openInvitationDialog = function (targetOrganisationId) {
      $modal.open({
          templateUrl: 'send-invitation.html',
          controller: 'sendInvitationController',
          resolve: {$targetOrganisationId: function () {
            return targetOrganisationId;
          }
          }
        }
      );
    };

在这样的页面上:

// inside a loop over organisations
<a ng-click="openInvitationDialog({{organisation.id}})">Invite new member</a>

邀请对话框html看起来像这样:

    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <!-- ... -->
            </div>
            <div class="modal-body">
                <form name="invitationForm">

                    <div class="form-group">
                        <label for="email" style="color:white;">Email</label>
                        <input type="email" class="form-control"  autocomplete="off" placeholder="New member email" id="email" name="email" ng-model="invitation.email" required="true"/>
                        <span class="error animated fadeIn" ng-show="invitationForm.email.$dirty …

我有一个ac #Windows Store应用程序.我正在尝试启动一个MessageDialog时,MessageDialog单击其中一个命令按钮.这一点是警告用户他们的内容未保存,如果他们点击取消,它将提示他们使用单独的保存对话框进行保存.

这是我的"showCloseDialog"函数:

private async Task showCloseDialog()
{
    if (b_editedSinceSave)
    {
        var messageDialog = new MessageDialog("Unsaved work detected. Close anyway?", "Confirmation Message");

        messageDialog.Commands.Add(new UICommand("Yes", (command) =>
        {
            // close document
            editor.Document.SetText(TextSetOptions.None, "");
        }));

        messageDialog.Commands.Add(new UICommand("No", (command) =>
        {
            // save document
            await showSaveDialog();
        }));

        messageDialog.DefaultCommandIndex = 1;
        await messageDialog.ShowAsync();
    }
}

在VS中我得到一个编译器错误:

'await'运算符只能在异步lambda表达式中使用.考虑使用'async'修饰符'标记此lambda表达式

该方法标有await.如果我await从showSaveDialog之前删除它,它编译(并工作),但我得到一个警告,我真的应该使用await

我如何await在这种情况下使用？

我在我的WordPress网站上使用此链接的这个jquery弹出插件.它在所有浏览器上运行正常但在IE11上出现以下错误.

任何帮助深表感谢.

是否有一个默认选项来通过单击屏幕上的某个位置而不是关闭图标来关闭jQuery对话框？

这个答案中有一个模态/sf/answers/1875236261/,它通过附加它来创建一个基于React的模态<body>.但是,我发现它与React提供的转换插件不兼容.

如何创建一个有过渡(在进入和离开期间)？