Question

我正在开发一个应用程序，我正在考虑根据用户的按钮输入更改UI内容。可以有几个按钮上一步 下一步 提交。对于所有这些按钮，我计划用JSON文件中的内容替换。 JSON文件结构如下所示：

$.getJSON('http://127.0.0.1:8887/steps.json', function(data) {
     var currentStep = 0; //represents level 1
     var divTxt = "<h3 style='text-align: center;' class='divTxt'>" + data.steps[currentStep].code + "</h3>";
     var tblRow = "<tr>" + "<td>" + data.steps[currentStep].step + "</td>"; 
     $(divTxtParent).appendTo(".divTxt");

等等。我当前的实现是Plain JS / jQuery / HTML的混合和匹配，我已经创建了多个页面，如step1.html，step2.html，并且对于每个页面，我都读取了JSON文件 onLoad 并替换了内容。但是，如果我计划添加100个步骤，我必须创建100页。想知道是否有一个简单的方法。

json文件位于根文件夹中 我的实施示例代码

@Override
public View getView(int position, View convertView, ViewGroup parent) {

    if (convertView == null) {
        // edited ，add your layout here
        convertView = LayoutInflater.from(context).inflate(R.layout.your_layout, null);

        Rune rune = (Rune) getItem(position);
        RuneFragment runeFragment = new RuneFragment();
        FragmentTransaction transaction = activity.getSupportFragmentManager().beginTransaction();
        transaction.add(parent.getId(), runeFragment);
        transaction.commit();
        runeFragment.renderRune(rune);

        Log.i(MainActivity.TAG, "" + convertView); //====> null
    }
    return convertView;
}

有人可以提出更好的方法，例如我加载单个html页面并使用按钮移动前进/后退（基于当前id的下一个和上一个值）

使用HTML页面上的按钮替换Div

0 个答案: