EasyUI——意见反馈

效果图：

<!doctype>

< html >

< head >

< title >EasyUI Progress</ title >

< link rel = "stylesheet" type = "text/css" href = "EasyUI/themes/default/easyui.css" />

< link rel = "stylesheet" type = "text/css" href = "EasyUI/themes/icon.css" />

< script type = "text/javascript" src = "EasyUI/jquery.min.js" > < / script >

< script type = "text/javascript" src = "EasyUI/jquery.easyui.min.js" > < / script >

< style >

#w_feedback {

width : 400 px ;

height : 350 px ;

}

< / style >

< script >

function openFeedback (){

$ ( '#w_feedback' ). window ( 'open' );

}

function submit_feedback (){

var msg_type = $ ( '#c_type' ). combobox ( 'getValue' );

var msg_content = $ ( '#t_description' ). textbox ( 'getText' );

$. get ( "Handler/HandlerFeedback" ,{type:msg_type,content:msg_content}, function (){

});

}

< / script >

</ head >

< body >

< div >

< a href = "javascript:void(0)" class = "easyui-linkbutton" onclick = "openFeedback()" >点击</ a >

</ div >

< div id = "w_feedback" class = "easyui-window" title = "意见反馈"

data-options = "closed:true,minimizable:false,maximizable:false,resizable:false,collapsible:false" >

< div style = "width: 100%;height: 100%;text-align: center;" >

< div style = "width: 350px;height: 50px;padding-top: 20px" >

< div style = "display: inline-block;width: 50px" >

< span style = "width: 50px" >类型：</ span >

</ div >

< div style = "display: inline-block;width: 250px;" >

< div id = "c_type" class = "easyui-combobox" data-options = "prompt:'请选择类型',editable:false,panelHeight:80"

style = "width:250px" >

< option value = "BUG" >漏洞</ option >

< option value = "recommendation" >建议</ option >

< option value = "info" >其他</ option >

</ div >

</ div >

</ div >

< div style = "width: 350px;height: 200px;" >

< div style = "display: inline-block;width: 50px" >

< span style = "width: 50px;" >描述：</ span >

</ div >

< div style = "display: inline-block;width: 250px;" >

< div id = "t_description" class = "easyui-textbox" data-options = "multiline:true"

style = "width:250px;height: 200px" >

</ div >

</ div >

</ div >

< div style = "width: 350px;height: 50px;text-align: center;padding-top: 20px" >

< a class = "easyui-linkbutton" href = "javascript:void(0)" data-options = "iconCls:'icon-ok'" onclick = "submit_feedback()" >提交</ a >

</ div >

</ div >

</ div >

</ body >

</ html >