這幾天折騰前端 jquery, ajax, javascript, css, html都接觸了那么點(diǎn)點(diǎn)
jquery:
選擇器$('#id')
事件$().on('click'/'keyup')
效果$().html().treeview()
ajax:
type: post/get
dataType: json/html
success/error: callback
請(qǐng)求比php的curl簡(jiǎn)單
css:
對(duì)應(yīng)htmlOption的class=treeview
圖片url為css文件所在的相對(duì)路徑
html:
<buttion id='search-domain'>
id對(duì)應(yīng)了js中的選擇器id 一般button會(huì)有相應(yīng)的.on事件
<input name='a1' id='domain-prefix' type='text'>
<div id='show-result'></div>
可以用js$('show-result').html() 直接在div中插入html代碼
了解的不多，但是編寫一個(gè)基本的html請(qǐng)求從前到后再到前基本能用了
最后簡(jiǎn)介一下yii的ctreeview用法
首先按照CTreeView的data格式構(gòu)造data內(nèi)容
$data = array(
'text'=>內(nèi)容
'expanded'=>默認(rèn)折疊還是展開(kāi)
'children'=>子節(jié)點(diǎn)
)
在view里可以直接調(diào)用：
$this->widget('CTreeView', array('data'=>$data,'htmlOption'=>array('id'=>'domain-dns-list','class'=>'treeview')))
也可以在后端返回：
$this->response(array('status'=>0, 'data'=>CTreeView::saveDataAsHtml($data)));
CTreeView的savaDataAsHtml函數(shù)會(huì)將$data生成樹(shù)圖的html代碼然后封裝成字符串
然后在前端的js中通過(guò)ajax來(lái)請(qǐng)求得到j(luò)son格式的response, 取出data, 用js的:
$('#').html(response.data).treeview()
就可以展示這顆折疊樹(shù)了
最后我敗在了saveDataAsHtml上。。 遇到問(wèn)題 第一個(gè)要查手冊(cè)