前端开发之弹出框系列教程四：Prompt提示输入框

Posted 2020-12-19 caogenrenwu

 1、单行输入

$k.prompt({
            content:‘<span>请输入姓名：</span><input type="text" class="kui-window-input" style="width:200px;height:32px;" /> ‘,
            onClosed:function(args){
                if (args.closeTrigger == ‘btn-0‘) {
                    $k.alert({content:‘姓名为：‘+args.promptResult+‘‘});
                }
            }
});

 查看效果

 2、文本域输入

$k.prompt({
            content:‘<span>请输入备注信息：</span><textarea class="kui-window-input"></textarea>‘,
            onClosed:function(args){
                if (args.closeTrigger == ‘btn-0‘) {
                    $k.alert({content:‘备注信息为：
‘+args.promptResult.replace(/
/g,‘
‘)+‘‘});
                }
            }
});

 查看效果