- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时,我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
我从前同事那里接手了一个 Django 项目,我必须编辑他的代码以向 Google Viz 折线图添加一条线。
由于折线图已经存在,我试图尽可能遵循用于创建它的逻辑(假设我以前从未做过这样的事情)。我将新的数据模型添加到models.py中,成功迁移它,并找到了views.py中他设置折线图和表格数据的部分在它下面。
我尝试复制他在 views.py
中所做的事情,然后代码似乎从实际创建图表的 JavaScript 文件中获取。然而,当我使用 JavaScript 时,根据我在 Web 控制台日志中看到的内容,它似乎从 views.py
中识别出他的对象,但不能识别我的对象。
他在 views.py
中创建的关键对象是 module_progressjs
。我的包含新行数据的对象称为 tii_progressjs
。在我看来就像 a dictionary名为 context_dict
用于将数据从 Python 传递到 JavaScript,但我复制了这种方法,但似乎不起作用。
这是views.py
代码的核心。与“模块”一词相关的所有内容都是原始(工作)代码,与“tii”或“将其输入”相关的所有内容都是我添加的部分。此代码块中的一些可能与表格而不是图表相关,但我还不确定,所以我遵循了所有代码块的逻辑,即使我只编辑图表:
try:
module_attempts = Studentmoduleprogress.objects.values().filter(Person_bnrid = Person_bnrid).annotate(Max('Start_date')).order_by('-Start_date')
turn_it_in = TII.objects.values().filter(Person_bnr_id = Person_bnrid).annotate(Max('Course_start')).order_by('-Course_start')
context_dict['turn_it_in'] = turn_it_in
context_dict['module_attempts'] = module_attempts
tiiavg = TII.objects.values('COURSE_IDENTIFICATION','Course_start').annotate(wk1_avg=Avg('TurnItIn_W01'), wk2_avg=Avg('TurnItIn_W02'),
wk3_avg=Avg('TurnItIn_W03'),wk4_avg=Avg('TurnItIn_W04'),
wk5_avg=Avg('TurnItIn_W05'),wk6_avg=Avg('TurnItIn_W06'),
wk7_avg=Avg('TurnItIn_W07'),wk8_avg=Avg('TurnItIn_W08'),
wk9_avg=Avg('TurnItIn_W09'),wk10_avg=Avg('TurnItIn_W10'),
wk11_avg=Avg('TurnItIn_W11'),wk12_avg=Avg('TurnItIn_W12'))
modavg = Studentmoduleprogress.objects.values('Module_code','Start_date').annotate(wk1_avg=Avg('Week_01'), wk2_avg=Avg('Week_02'),
wk3_avg=Avg('Week_03'),wk4_avg=Avg('Week_04'),
wk5_avg=Avg('Week_05'),wk6_avg=Avg('Week_06'),
wk7_avg=Avg('Week_07'),wk8_avg=Avg('Week_08'),
wk9_avg=Avg('Week_09'),wk10_avg=Avg('Week_10'),
wk11_avg=Avg('Week_11'),wk12_avg=Avg('Week_12'))
#print modavg
context_dict['tiiavg'] = mark_safe(json.dumps(list(tiiavg), cls = DateTimeEncoder))
context_dict['modavg'] = mark_safe(json.dumps(list(modavg), cls = DateTimeEncoder))
module_progress = []
for module in module_attempts:
max_week = module['Module_duration_max']
progress_lst = ['Module_code', module['Module_code'], 'Start_date', module['Start_date'], 'End_date', module['End_date']]
for wk in range(1, max_week + 1):
week = 'Week_' + (str(wk) if wk >= 10 else '0' + str(wk))
progress_lst.append(week)
progress_lst.append(module[week])
module_progress.append(progress_lst)
tii_progress = []
for module in turn_it_in:
max_week = module['Module_duration_max']
progress_lst = ['COURSE_IDENTIFICATION', module['COURSE_IDENTIFICATION'], 'Course_start', module['Course_start'], 'Course_end', module['Course_end']]
for wk in range(1, max_week + 1):
week = 'TurnItIn_W' + (str(wk) if wk >= 10 else '0' + str(wk))
progress_lst.append(week)
progress_lst.append(module[week])
tii_progress.append(progress_lst)
#print module_progress
context_dict['tii_progress'] = tii_progress
context_dict['module_progress'] = module_progress
context_dict['module_progressjs'] = mark_safe(json.dumps(module_progress, cls = DateTimeEncoder))
context_dict['tii_progressjs'] = mark_safe(json.dumps(tii_progress, cls = DateTimeEncoder))
JS如下。为了简洁起见,我已经剪掉了前 95% 的内容,但如果您想查看完整的脚本,请检查编辑历史记录:
// Module Progress
google.charts.setOnLoadCallback(drawModProgress);
$(window).resize(function(){
//google.charts.setOnLoadCallback(drawModProgress);
drawModProgress();
});
function drawModProgress() {
var data = new google.visualization.DataTable();
var selOption = $("#mcode option:selected").val();
var dateOption = $("#sdate option:selected").val();
var modset = {};
var selModule = [];
var selTII= [];
var wks = [];
var posts = [];
var yTicks = [];
var l=0, m=0;
var tii = [];
for(i=0; i < module_progressjs.length; i++)
{
if(module_progressjs[i][1] == selOption)
//if (modset.Module_code == selOption && modset.Start_date == dateOption)
{
selModule[0]= module_progressjs[i];
//console.log(selModule[0]);
}
}
//console.log(tii_progressjs[1]);
//console.log(tii_progressjs);
/*for(ii=0; ii < tii_progressjs.length; ii++)
{
if(tii_progressjs[ii][1] == selOption)
{
selTII[0]= tii_progressjs[ii];
}
}*/
如果我取消注释引用我的 tii_progressjs
对象的代码,那么代码就会中断。当我查看日志时,他的对象有数据,但我的对象不存在。
不确定这是否重要,但 HTML 是:
{% if module_progress %}
<div class="row">
<div class="col-lg-12 col-md-12">
<h3 class="sp-font-bl"> <i class="fa fa-book sp-icon-module" aria-hidden="true"></i> Modules Progression</h3>
<div class="panel panel-default">
<div class="panel-body">
<label id="sp-modsel">Module Code</label>
<select id="mcode" class="selectpicker" >
{% for mod in module_attempts %}
<option value="{{ mod.Module_code }}"> {{ mod.Module_code }} </option>
{% endfor %}
</select>
<div class="container-fluid ">
<div class="row" >
<div class="col-xs-12 col-md-12">
<div id="module_progress" ></div>
</div>
</div>
</div>
<div class="table-responsive">
{% if module_attempts %}
<table id="modules" class="table table-striped table-bordered table-hover">
<thead align="center">
<tr class="sp-td-bg01">
<th>Module Code</th>
<th>Module Name</th>
<th>Start Date</th>
<th>End Date</th>
<th>Module Grade</th>
</tr>
</thead>
<tbody>
{% for module in module_attempts %}
<tr>
<td scope="row"> {{module.Module_code}} </td>
<td> {{module.Module_name}} </td>
<td> {{module.Start_date}} </td>
<td> {{module.End_date}} </td>
<td> {{module.Module_grade}} </td>
</tr>
{% endfor %}
</tbody>
</table>
{% endif %}
</div>
更新:我开始认为缺少的链接是 HTML。听起来 JS 中的 document.getelementbyid
语句正在从 HTML DOM 中提取信息,而我没有向 HTML 添加任何内容。
更新 2:看看 HTML 模板末尾的这一点,我打赌我应该编辑它:
<script type="text/javascript">
var studtests = {{ studtests | safe }};
var studobjs = {{ studobjs | safe }};
//var modulesjs = {{ modulesjs | safe }};
var studsumryjs = {{ studsumryjs | safe }};
var module_progressjs = {{ module_progressjs | safe }};
var modavg = {{ modavg | safe }};
</script>
<script src = "{%static 'js/student.js' %}" type="text/javascript">
</script>
{% endblock %}
最佳答案
答案似乎是,你不是直接从 views.py
到 JS,而是从 views.py
到你的 HTML 模板,然后传递调用脚本时将数据传给JS。
具体来说,我必须更改 HTML 中的以下代码块:
<script type="text/javascript">
var studtests = {{ studtests | safe }};
var studobjs = {{ studobjs | safe }};
var studsumryjs = {{ studsumryjs | safe }};
var module_progressjs = {{ module_progressjs | safe }};
var modavg = {{ modavg | safe }};
</script>
<script src = "{%static 'js/student.js' %}" type="text/javascript">
</script>
到
<script type="text/javascript">
var studtests = {{ studtests | safe }};
var studobjs = {{ studobjs | safe }};
var studsumryjs = {{ studsumryjs | safe }};
var module_progressjs = {{ module_progressjs | safe }};
var modavg = {{ modavg | safe }};
var tiiavg = {{ tiiavg | safe }};
var tii_progressjs = {{tii_progressjs | safe}};
</script>
<script src = "{%static 'js/student.js' %}" type="text/javascript">
</script>
然后我能够对 JS 进行必要的更改,以在图表中包含我想要的额外行。
关于javascript - 如何让JavaScript从Django中的views.py中识别context_dict对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42054036/
我在尝试从子文件夹调用 View 时遇到一些错误。首先,这东西能用 Route::get('/', function() { return View::make('sample'); }); 但是当我
我有另一个 View 设置,并准备好等待其viewmodel。我的RelayCommand到达我的“当前” View 模型。从当前的 View 模型显示新 View 的最佳方法是什么? 我一直在阅读,
我有一个 bigquery View ,我想与数据分析师共享,以便他们可以通过 Data Studio 访问其数据。此共享 View 对另一个数据集中的私有(private) View 进行查询,而私
我有 3 个 View ,并希望将它们集成到一个 View 中,以便它们成为这一 View 中的子文件夹。 我怎样才能做到这一点?还是我必须制作一个 View ,然后再次手动添加和配置这些 View
我在沙发数据库中有一些文档,这些文档的字段是不同关联文档的ID数组: { associatedAssets: ["4c67f6241f4a0efb7dc2abc24a004dfe", "270f
我正在开发一个小实用程序 View ,它将嵌入到我们的几个应用程序中。它将位于一个公共(public)图书馆中。 我应该将其作为 ViewModel 以及默认的 View 实现公开,还是作为具有固定
由于我的某些 View 具有相似的功能,因此我希望能够与每个 View 共享相同的 View 模型。我的想法是将 token 传递给viewmodel的构造函数,但这将导致代码中出现许多if和else
我有一个目标 View (蓝色 View 和红色 View 用于左上角位置)。我试图用手指移动这个 View 。如果 View 不旋转,一切都很好。 但当我旋转 View 并移动时,第一次就很好了。但
我收到这个错误, "Attempt to invoke virtual method 'android.view.View android.view.View.getRootView()' on a
我将发布我目前拥有的源代码,然后解释我的问题。 这是我希望过渡发生的窗口 这是关联的 View 模型 public class MainViewModel {
我正在尝试找出我遇到的错误。最初,我的同事只是使用 将 View 添加到 subview 中 [self.view addSubview:someController.view]; 来自当前ViewC
我是 MVVM 的新手,需要一些帮助。 我的应用程序由许多不同的窗口组成,这些窗口显示允许用户编辑业务层中的数据的控件。 目前,每次用户打开这些窗口之一的新实例时,都会从头开始创建一个 ViewMod
我一直在寻找与我类似的问题以找到解决方案,但我真的找不到类似的东西。 我试图使用 asynctask 类从解析中下载帖子数组,在获取帖子后,它应该在我的页面中设置帖子数组,并执行 setAdapter
这个问题在这里已经有了答案: What is local/remote and no-interface view in EJB? (2 个答案) 关闭 9 年前。 我以前理解它的意思是“接口(in
希望这不会太困惑。 我有一个主视图 Controller ( MainView ),在 View 底部有一个堆栈 View ,在堆栈 View 中我有三个 View 。在一个 View 中(我们称之为
我一直在想这个问题,我真的不知道如何正确地将一个 View Controller 管理的 View 添加到另一个 View Controller 的 View 中。 这不起作用,因为 View 没有完
在明显的情况下,我必须将大量文件从一个 View 复制到另一个 View 。要复制的文件名将作为输入给出。有什么想法可以通过脚本实现吗? 谢谢,日语 最佳答案 最简单的方法是使用 clearfsimp
我正在使用完整日历。这里我的问题是,当单击上一个按钮或下一个按钮单击功能时,如何找到月 View 、周 View 或日 View 格式的完整日历。这里正在调用下一个和上一个按钮的自定义代码。因为使用这
我对这两者感到困惑,并试图找出差异,但没有得到我正在寻找的特定内容。 在哪里使用索引 View 而不是普通 View 。 它们之间的一些重要区别。 最佳答案 关键的区别在于物化 View 很好,物化了
我在一个 xib 中有一个 CustomView,在两个不同的 xib 中有两个不同的 View 。我想在一个 CustomeView 中依次显示这两个 View 。我有一个 NSView 对象,它连
我是一名优秀的程序员,十分优秀!