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