标签: html-framework-7

我有一个framework7应用程序，并且需要将一个外部页面加载到该应用程序中。这意味着导航栏和所有内容都应保留在顶部，但我应该能够显示正文中外部URL的内容。更像inapp浏览器。

我尝试使用iFrame，但是它不适用于基于https的网址。有什么办法吗？

还要注意，如果我将external类添加到锚标记中，则页面将在新窗口中打开。不在应用内。

我使用Template7和Framework7使用PhoneGap构建iOS应用程序.我正在阅读教程

my-app.js文件

// Initialize your app
var myApp = new Framework7({
    init: false
});

// Export selectors engine
var $$ = Dom7;

// Add view
var mainView = myApp.addView('.view-main', {
    // Because we use fixed-through navbar we can enable dynamic navbar
    dynamicNavbar: true
});

myApp.onPageInit('index', function (page) {
    document.addEventListener("deviceready", onDeviceReady, false);
    function onDeviceReady() {}
});

myApp.init();

// Callbacks to run specific code for specific pages, for example for About page:
myApp.onPageInit('about', function (page) {
    console.log('Baga');
    // run createContentPage func …

我在我的React应用程序中使用Framework7复选框。我有一个onClick设置，可以在<input type="checkbox">每次选中复选框时更新我的​​应用程序状态。它可以在桌面浏览器上正常运行，但该onClick事件不会在移动设备上注册。有人遇到过Framework7这个问题吗？请参阅下面的示例代码（为简洁起见，删除了不必要的代码）。

我的输入：

<label className="label-checkbox item-content">
  <input className="fileChkBoxes" type="checkbox" name="chkName" onClick={this.handleChange.bind(this)}/>
    <div className="item-media">
       <i className="icon icon-form-checkbox"></i>
    </div>
</label>

我的onClick功能（简体）：

handleChange() {
    let filesChecked = [];
    let fileInput = document.getElementsByClassName('fileChkBoxes');
    for (let i = 0; fileInput[i]; ++i) {
        if (fileInput[i].checked) {
            filesChecked.push(fileInput[i].value);
        }
    }
    ProjectActions.batchDelete(filesChecked);
}

我只是从Framework7开始，我想单击一个段落时导航到另一页。我尝试了几件事，并在过去一个小时内用Google搜索，但是没有运气。

这是我在my-app.js中的代码：

var $$ = Dom7;

var app = new Framework7({
    // App root element
    root: '#app',
    // App Name
    name: 'My App',
    // App id
    id: 'com.myapp.test',
    // Enable swipe panel
    panel: {
      swipe: 'left',
    },
    view : {
        stackPages: true
    },
    // Add default routes
    routes: [
      {
        name: 'about',
        path: '/about/',
        url: 'about.html',
      },
      {
        name: 'index',
        path: '/index/',
        url: 'index.html'
      },
      {
        name: 'preview',
        path: '/preview/',
        url: './preview.html'
      },
    ],
    // ... other parameters …

我的/lib/router.coffee中有一个简单的铁路由器配置:

Router.configure
  notFoundTemplate: "notFound"

Router.map ->
  @route "app",
    path: "/"
    template: "app"

当进入/它的工作,但如果我尝试转到/ abc然后它重定向我/#!abc,之后它重定向我/ abc,所以无休止地重复(我在浏览器的地址栏中看到这些更改,在浏览器日志重定向中从/到/ abc和后面).我从来没有看到404错误.

有没有人遇到过这种行为？

我使用Meteor v1.0.2.1.有我的流星列表:

alethes:lodash           0.7.1
appcache                 1.0.3
coffeescript             1.0.5
ground:localstorage      0.1.7
ground:store             0.1.1
ianhorst:bower           0.0.2
iron:router              1.0.6
meteor-platform          1.2.1
meteorhacks:kadira       2.15.2
peerlibrary:async        0.9.0_3
rzymek:moment            2.8.3_10
rzymek:moment-locale-ru  2.8.4

我也在客户端使用Framework7.

如何在Framework7和VueJs应用程序中导航到路线.

我想显示一个slpash屏幕并在两秒后导航到下一页.代码粘贴在下面.

<template>
...
</template>

<script>
    export default {
        name: "splash",
        mounted: function() {
            this.$router.load({url: '/about/'});   // error
        },
        data: function () {
            return {
                msg : "hello"
            }
        }
    }
</script>

注意:这是应用程序组件(Main.vue).

框架 7 访问https://framework7.io/docs/action-sheet.html

操作表打开但无法在其他页面上工作以进入此页面。我认为不在页面视图中初始化

这是我的js代码

$$('.demo-actions').on('click', function () {
var buttons = [
    {
        text: 'Short By:',
        label: true
    },
    {
        text: 'XYZ',
        bold:true,
    },
    {
        text: 'ABC',
        bold:true,

    },
    {
        text: '123',
        bold:true,
    },
    {
        text: 'abc',
        color: 'red'
    },
];
myApp.actions(buttons);

});

这是 html 代码

<a href="#" class="demo-actions buttons ">XYZ</a>

我最近正在使用framework7构建一个应用程序。我的应用程序由一个 html 文件组成，其中包含所有视图。为了在视图之间导航，页面底部有一个后退按钮。

对于后退按钮，我正在使用代码

var myView = app.view.current;

myView.router.back();

如果我按下 Android 设备上的后退按钮，应用程序将关闭

如何使用 Android 手机的后退按钮进入主页。

我已经使用了PushState:true但它对我不起作用。

下面是我的 app.js 文件

    // Dom7
    var $ = Dom7;

    // Theme
    var theme = 'auto';
    if (document.location.search.indexOf('theme=') >= 0) {
    theme = document.location.search.split('theme=')[1].split('&')[0];
    }

    // Init App
    var app = new Framework7({
    id: 'io.framework7.testapp',
    root: '#app',
    theme: theme,
    on:{
    pageInit : function(page){
       console.log("page init function called aakash");
       document.addEventListener("backbutton", app.methods.onBackKeyDown, 
    false);
    }
     },
    pushState:true,
    data: function () {
    return {
      user: {
        firstName: …

我正在使用cordova / framework7-cli设置我的第一个混合应用程序....

一切都很好，除了

cordova run android

冻结：

"Reading build config file: C:\...\APP\build.json . . . . . . " 

还有更多的点。

尝试过 1.cordova build android --release 2. 移动build.json，看看里面，ok... 3. 建立一个新的apk，建立一个新的会话，尝试另一个avd ...

构建.json：

{   
"ios": {
"release": {
  "buildFlag": [
    "-UseModernBuildSystem=0"
  ]
},
"development": {
  "buildFlag": [
    "-UseModernBuildSystem=0"
  ]
},
"debug": {
  "buildFlag": [
    "-UseModernBuildSystem=0"
  ]
}

} }

但是，这种冻结会导致我的构建过程中断，并且没有任何反应。通常我可以在所选设备上看到我的应用程序...

有人遇到同样的问题吗？

我<a>在页面中有一个简单的使用FrameWork7如下:

<li><a href="https://www.google.com/"><img src="images/icons/black/users.png" alt="" title="" /><span>Go Google/span></a></li>

但是,当我点击它,它没有重定向到谷歌页面.我检查了控制台,它显示如下:

XMLHttpRequest cannot load https://www.google.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.
framework7.js:12307 XHR failed loading: GET "https://www.google.com/".$.ajax @ framework7.js:12307app.get @ framework7.js:1652app.router.load @ framework7.js:2648load @ framework7.js:636handleClicks @ framework7.js:7573handleLiveEvent @ framework7.js:11488

我是新来的Framework7.我已经购买了一个开发模板.