imouou / bui-guide Goto Github PK
View Code? Open in Web Editor NEWBUI 是一个跨平台UI开发框架,基于路径式的组件化开发和单页路由SPA,数据驱动,开箱零配置,简单上手,适合独立开发各种 Webapp,App,小程序……
Home Page: http://www.easybui.com
BUI 是一个跨平台UI开发框架,基于路径式的组件化开发和单页路由SPA,数据驱动,开箱零配置,简单上手,适合独立开发各种 Webapp,App,小程序……
Home Page: http://www.easybui.com
用apicloud编译测试包下载后打开,提示: bui.loader.execute Cannot read property 'open' of undefined: TypeError&&stack:TypeError: Cannot read property 'open'of undefined at Object.e.init(file:///android_asset/widget/dist/pages/main/main.js:1:196) 等... 能帮忙看下 是哪里没处理好吗
首次进去列表页面时,不知道为什么了连续发送了5次请求
var uiList = bui.list({
id: "#scrolPlanList",
// 测试的接口及传参
url: serverUrl + "/main/test",
data: {
"id":1
},
pageSize:10,
height:0,
template: templateList,
method:"POST",
//如果分页的字段名不一样,通过field重新定义
field: {
page: "pageNum",
size: "pageSize",
data: "datas"
},
onRefresh: function (scroll) {
//刷新的时候执行
},
onLoad: function (scroll) {
// console.log( this.option("page") );
}
});
levelselect 目前是文本,可否优化为 ID+ 文本,这样插入数据库可以插入对应的id。
怎么用微信,支付宝这些第三方接口登录
bui.ready(function () {
f();
// var uiLoading = bui.loading({
// text: '加载中',
// autoClose: false,
// callback: function (argument) {
// console.log("clickloading")
// }
// });
// tab.on("to", function () {
// uiLoading.show();
// });
});
var f = function () {
var tab = bui.tab({
id: "#tabFoot",
menu: "#tabFootNav",
animate: false
})
tab.lock();
tab.on("last", function () {
console.log(this);
});
}
从页面点击跳转之前的页面,bui.load()方法,之前的页面点击按钮都失效了
fixStatusBar.js 这个js怎么使用,有没有文档说明哦?
路由从一个页面跳转到另外一个页面,点击浏览器的刷新按钮页面刷新后,点击左上角的路由返回无效,请问这个有什么办法处理哦?
如题,在小程序里面怎么使用BUI
apicloud打包后引入fixStatusBar.js后 底部被main挤下去,这是怎么回事啊
// 为input绑定事件
$chatInput.on('focus', function () {
var target = this;
interval = setTimeout(function(){
var winHeight = window.innerHeight;
//我换了这种方法获取是一样的,屏幕高度822,弹出键盘后获取的height是744。
//所以还是会遮住footer中的输入框
bui.alert(winHeight);
bui.init({
id: $(".bui-page"),
height: winHeight ,
})
$(".bui-page")[0].scrollIntoView(true);
},500);
}).on('blur', function () {
if( interval ){
clearTimeout(interval);
}
// 使用定时器是为了延迟计算
interval = setTimeout(function(){
bui.init({
id: $(".bui-page"),
})
$(".bui-page")[0].scrollIntoView(true);
},500);
});
function formUpData(blobFiles){
console.log('before', uiUpload3.data()[uiUpload3.data().length-1])
console.log('before', URL.createObjectURL(uiUpload3.data()[uiUpload3.data().length-1].data))
uiUpload3.data()[uiUpload3.data().length-1].data = blobFiles;
console.log('after', uiUpload3.data()[uiUpload3.data().length-1])
console.log('after', URL.createObjectURL(uiUpload3.data()[uiUpload3.data().length-1].data))
uiUpload3.start({
url: localStorage.post + "drivermanger-server/api/driver/file/avatar",
headers: { token: sessionStorage.token },
onSuccess:function (data) {}
时间选择控件不错,想引入到html页面(未使用bui框架)。但是写入代码后访问页面就跳转到首页了?
就是直接使用下载下来的多页tab模板,然后把跳转的页面更换成同样下载下来的列表页面模板(例如把列表模板直接改文件名成“home.html”),显示的效果是列表部分不能自动扩展到全部高度。这是什么原因?
设置了proxy怎么没用呢
进入使用百度模板的页面后,需要刷新浏览器后html才有加进id容器里面,才有展示数据,我用的是你们的那套demo,请问这个问题要怎么处理哦?谢谢~
从一个页面跳到登录页面,登录成功后跳回来,数据都没有加载,用router.load 和 bui.load 都没有数据,没有执行到js里面的方法
首页加载进来,获取轮播图,同一个接口连续加载了四次,请问一下怎么闭环这个问题
if( !uiSlide ){
// 初始化焦点图
bui.ajax({
url : apiUrl+"reqinfo",
data : {}, //接口请求的参数
// 可选参数
method : "GET"
}).then(function(result) {
// 初始化
uiSlide = bui.slide({
id : "#tabSlideImg",
height : 250,
autopage : true, //分页
loop : true, //
autoplay : true, //自动播放
interval : 2000, //滚动时间
template : function() {
var html ='
buijs单页面开发包最新版npm run dev之后不能热更新,必须npm run build之后dist文件夹里的文件才能跟src同步,这个地方我这边试了是必须npm run build之后才能更新,如果不npm run build的话,修改不生效。能给看看吗
如题,这个问题能给个处理思路吗?不可能为了低版本去重新做一套demo,而强制更新系统才可用体验又太过生硬。小生对webview不了解,有劳解答~
你好,感谢你提供的这个框架,我觉得很好用。但皮肤不是很好看,我在一个项目里,把bui.js 和 mdui.js 合用了,用了mdui的控件,用了bui的单页router框架,,,但两者好像配合的不是很好,有一个这样的问题:我用mdui做了复选框,但只有双击才会有效果,单击无效,然后我单独试了一个html文件,只有mdui.js,复选框单击有效,请问你有什么办法帮我解决吗,谢谢了!!!
单选框有时候不能点击,需要移动鼠标再次点击才有效果
微信公众号里面返回上一个页面会强制刷新整个页面,bui框架中怎么做才能不刷新上一个页面?
不使用命令行工具生成项目,如何配置跨域,有办法使用原生等插件么
我翻文档也没说,百度了也没有搜到相关答案,来这请教下
官网教程里面的下载开发包,单页开发包和多页开发包的下载地址,是不是写反了?
Failed to load snippets from '/Users/liufei/.atom/snippets.cson'
/Users/liufei/.atom/snippets.cson: keyword 'class' can't be assigned
events.js:183
throw er; // Unhandled 'error' event
^
Error: ϵͳ�Ҳ���ָ����·����
at notFoundError (D:\code\demo\node_modules\cross-spawn\lib\enoent.js:11:11)
at verifyENOENT (D:\code\demo\node_modules\cross-spawn\lib\enoent.js:46:16)
at ChildProcess.cp.emit (D:\code\demo\node_modules\cross-spawn\lib\enoent.js:33:19)
at Process.ChildProcess._handle.onexit (internal/child_process.js:198:12)
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! @ dev: gulp dev
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\Administrator\AppData\Roaming\npm-cache_logs\2018-12-14T01_01_29_677Z-debug.log
---------------------------log 文件内容-----------------------------------------
0 info it worked if it ends with ok
1 verbose cli [ 'D:\download\node\node.exe',
1 verbose cli 'D:\download\node\node_modules\npm\bin\npm-cli.js',
1 verbose cli 'run',
1 verbose cli 'dev' ]
2 info using [email protected]
3 info using [email protected]
4 verbose run-script [ 'predev', 'dev', 'postdev' ]
5 info lifecycle @~predev: @
6 info lifecycle @~dev: @
7 verbose lifecycle @~dev: unsafe-perm in lifecycle true
8 verbose lifecycle @~dev: PATH: D:\download\node\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;D:\code\demo\node_modules.bin;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0;D:\download\node;D:\download\tortoiseGit\bin;D:\download\Git\cmd;C:\Go\bin;C:\Users\Administrator\AppData\Roaming\npm;%GOPATH%\bin
9 verbose lifecycle @~dev: CWD: D:\code\demo
10 silly lifecycle @~dev: Args: [ '/d /s /c', 'gulp dev' ]
11 silly lifecycle @~dev: Returned: code: 1 signal: null
12 info lifecycle @~dev: Failed to exec dev script
13 verbose stack Error: @ dev: gulp dev
13 verbose stack Exit status 1
13 verbose stack at EventEmitter. (D:\download\node\node_modules\npm\node_modules\npm-lifecycle\index.js:285:16)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at EventEmitter.emit (events.js:214:7)
13 verbose stack at ChildProcess. (D:\download\node\node_modules\npm\node_modules\npm-lifecycle\lib\spawn.js:55:14)
13 verbose stack at emitTwo (events.js:126:13)
13 verbose stack at ChildProcess.emit (events.js:214:7)
13 verbose stack at maybeClose (internal/child_process.js:925:16)
13 verbose stack at Process.ChildProcess._handle.onexit (internal/child_process.js:209:5)
14 verbose pkgid @
15 verbose cwd D:\code\demo
16 verbose Windows_NT 6.3.9600
17 verbose argv "D:\download\node\node.exe" "D:\download\node\node_modules\npm\bin\npm-cli.js" "run" "dev"
18 verbose node v8.11.1
19 verbose npm v5.6.0
20 error code ELIFECYCLE
21 error errno 1
22 error @ dev: gulp dev
22 error Exit status 1
23 error Failed at the @ dev script.
23 error This is probably not a problem with npm. There is likely additional logging output above.
24 verbose exit [ 1, true ]
如何在页面不存在的情况下,自动跳转到自定义的404页面,在路由里可以全局拦截吗?
升级到最新版本,bui.confirm点击了确定后,没反应,不能关闭了。
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.