angular js创建表单_activiti自己定义流程之整合（二）：使用angular js整合ueditor创建表单...

angular.module('activitiApp')

.controller('updateFormCtr', ['$rootScope','$scope','$http','$location','$state',function($rootScope,$scope,$http,$location,$state){

$http.post("createFlush.do").success(function(result){

if(result.isLogin==="yes"){

$rootScope.userName=result.userName;

}else{

$location.path("/login");

}

});

//预览

UE.registerUI('button_preview',function(editor,uiName){

if(!this.options.toolleipi)

{

returnfalse;

}

//注冊button运行时的command命令。使用命令默认就会带有回退操作

editor.registerCommand(uiName,{

execCommand:function(){

try{

$scope.leipiFormDesign.fnReview();

} catch( e ) {

alert('leipiFormDesign.fnReview 预览异常');

}

}

});

//创建一个button

varbtn =newUE.ui.Button({

//button的名字

name:uiName,

//提示

title:"预览",

//须要加入的额外样式。指定icon图标，这里默认使用一个反复的icon

cssRules :'background-position: -420px -19px;',

//点击时运行的命令

onclick:function() {

//这里能够不用运行命令,做你自己的操作也可

editor.execCommand(uiName);

}

});

//由于你是加入button,所以须要返回这个button

returnbtn;

});

//保存

UE.registerUI('button_save',function(editor,uiName){

if(!this.options.toolleipi)

{

returnfalse;

}

//注冊button运行时的command命令。使用命令默认就会带有回退操作

editor.registerCommand(uiName,{

execCommand:function(){

try{

$scope.leipiFormDesign.fnCheckForm('save');

} catch( e ) {

alert('leipiFormDesign.fnCheckForm("save") 保存异常');

}

}

});

//创建一个button

varbtn =newUE.ui.Button({

//button的名字

name:uiName,

//提示

title:"保存表单",

//须要加入的额外样式，指定icon图标。这里默认使用一个反复的icon

cssRules :'background-position: -481px -20px;',

//点击时运行的命令

onclick:function() {

//这里能够不用运行命令,做你自己的操作也可

editor.execCommand(uiName);

}

});

//由于你是加入button,所以须要返回这个button

returnbtn;

});

//整合设计器

varleipiEditor = UE.getEditor('myFormDesign',{

toolleipi:true,//是否显示。设计器的 toolbars

textarea: 'design_content',

//这里能够选择自己须要的工具button名称,此处仅选择例如以下五个

toolbars:[[

]],

//关闭字数统计

wordCount:fal