改造matrix_admin模版后台——基础表单（六）

由于忘记加<div class="row-fluid">这个div层导致的。

二、美化下拉框

美化后的下来列表太短了，标签部分样式也不对

改造matrix_admin模版后台——基础表单（六）

后面自己修改了样式，新增了width。

.select2-container {
    margin: 0;
    position: relative;
    display: inline-block;
    /* inline-block for ie7 */
    zoom: 1;
    *display: inline;
    vertical-align: middle;
    width:90%;
}

三、colorpicker颜色插件

改造matrix_admin模版后台——基础表单（六）

新增插件bootstrap-colorpicker

四、日期插件

改造matrix_admin模版后台——基础表单（六）

$('.datepicker input[type=text]').datepicker({
            'format': 'yyyy-mm-dd',
            'autoclose': true,
            'language': 'zhcn'
});

五、mask插件

改造matrix_admin模版后台——基础表单（六）

这个格式绑好的插件我还是第一次看到，我的见识果然太短。MASKED INPUT PLUGIN

六、编辑器

我打算用国产的Ueditor，根据demo做了些修改。

<?php
define ('ROOT_PATH', dirname(dirname(__FILE__)));//自定义
define ('DOMAIN', 'http://www.matrix_mine.net/php/');//自定义

require_once('upload.php');
//$fileId = $_POST['fileid'];

$action = isset($_GET['action']) ? $_GET['action'] : '';
$path = ROOT_PATH . '/scripts/libs/ueditor/php/config.json';
$CONFIG = json_decode(preg_replace("/\/\*[\s\S]+?\*\//", "", file_get_contents($path)), true);
switch ($action) {
    case 'config':
        echo  json_encode($CONFIG);
        break;
    default:
        //TODO 上传逻辑
        _ueditor('upfile');
        break;
}

function _ueditor($name) {
    $path = sprintf('%s/%s/%s/', date('Y'), date('m'), date('d'));

    $upload = new App_Util_Upload($name, 0);
    //获取上传信息
    $info = $upload->getUploadFileInfo();
    $fileName = time() . rand(1000, 9999) . '.' . $info['suffix'];
    $fullName = $path . $fileName;    
    $path = rtrim('upload', DIRECTORY_SEPARATOR) . '/' . $fullName;
    $success = $upload->save($path);
    
    echo json_encode(array('url' => DOMAIN.$path, 'state' => 'SUCCESS'));
}

七、上传插件

原先我用的一个插件兼容性不太好，这次打算用一个兼容性好的插件。uploadify，使用这次插件的flash版本。

打算封装一个小插件，这样上传的时候就不用导出复制代码了。最终的样子如下：

改造matrix_admin模版后台——基础表单（六）

附件下载：

http://download.csdn.net/detail/loneleaf1/8453519