區域聯動自定義

2021-09-02 23:18:18 字數 2299 閱讀 9458

因專案需要，區域需要實現效果中的結果，select的option無法自定義，故通過自定義的div來實現該區域框。具體**如下：

html

當前單位：}}


選擇單位


請選擇} 請選擇


}確定 }


}
js

var loginuser = json.parse(sessionstorage.loginuser);


if (commonutils.checknull(loginuser)) 


$scope.srchparams = {};


$scope.newreqinfo = {};


$scope.userserviceform = {};


$scope.searcharea = false;


//選擇區域之後的確定


$scope.choose = function (type) else 


if ($scope.newreqinfo.citycode || checkinarray(["gz", "sz"], $scope.newreqinfo.province)) else 


$scope.userserviceform.provincecode = $scope.newreqinfo.province;


$scope.userserviceform.citycode = $scope.newreqinfo.citycode;}}


} else 


}//改變省級


$scope.changeprovince = function (p) 


$scope.newreqinfo.nextprovince = p.code;


$scope.newreqinfo.nextprovincename = p.name;


if (checkinarray(["nw", "gz", "sz"], $scope.newreqinfo.nextprovince)) else , function (responsedata) )


}}//改變市級


$scope.changecity = function (c) 


$scope.showpower = false;


$scope.newreqinfo.nextcityname = c.name;


$scope.newreqinfo.nextcitycode = c.code;


}//重新選擇


$scope.againprovince = function () 


$scope.newreqinfo.nextcityname = "";


$scope.newreqinfo.nextcitycode = "";


$scope.newreqinfo.nextprovince = "";


$scope.newreqinfo.nextprovincename = "";


$scope.showcity = false;


$scope.showpower = false;


}$scope.againcity = function () 


$scope.newreqinfo.nextcityname = "";


$scope.newreqinfo.nextcitycode = "";


$scope.showpower = true;


}syspropertyservice.getgroupdata(, function (responsedata) else if (loginuser.group.level == '3') , function (resp2) 


});}


}});
css

/*適用於單個tab*/


.al-common-tabs,.structure-common-tab,.system-common-tabs


.al-common-tabs>span


.al-common-tabs>span:first-child


.al-tabs-choose


.al-tabs-arrow


.onlinesearcharea
實現效果如下：

注：此為個人筆記及總結，有誤或有更好的解決方案請指正！謝謝 

融雲輸入區域自定義

鍵盤 號裡面的內容自定義 這裡需要新增乙個自定的內容 一 布局檔案 部分布局檔案如下，您可以通過修改對應的布局檔案來調整介面布局，修改背景，更改字型等。1 rc ext extension bar.xml 輸入框布局檔案。它是整個輸入框的容器，內部有對各部分元件功能描述。2 rc ext input...

自定義 如何自定義協議

何為自定義協議，其實是相對標準協議來說的，這裡主要針對的是應用層協議 常見的標準的應用層協議如http ftp smtp等，如果我們在網路通訊的過程中不去使用這些標準協議，那就需要自定義協議，比如我們常用的rpc框架 dubbo，thrift 分布式快取 redis，memcached 等都是自定義...

自定義控制項 自定義鐘錶

private context mcontext 畫筆 private paint mpaint 控制項的寬 private int mwidth x方向的圓心座標 private int center 鐘錶的半徑 private int mradio 圓環的寬 private int stroke...